MCP HubMCP Hub
SKILL·D16B3F

artifacts-builder

davepoon
Обновлено 2 months ago
37 просмотров
2,553
277
2,553
Посмотреть на GitHub
Другоеreactaidesign

О программе

Навык artifacts-builder предоставляет среду разработки для создания сложных многокомпонентных HTML-артефактов с использованием React, TypeScript, Tailwind CSS и shadcn/ui. Он предназначен для артефактов, требующих управления состоянием, маршрутизации или библиотек компонентов, а не для простых одноблочных решений. Инструмент включает скрипты для инициализации проектов и сборки всего в единый HTML-файл для развертывания.

Быстрая установка

Claude Code

Рекомендуется
Основной
npx skills add davepoon/buildwithclaude -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/davepoon/buildwithclaude
Git клонированиеАльтернативный
git clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builder

Скопируйте и вставьте эту команду в Claude Code для установки этого навыка

GitHub репозиторий

davepoon/buildwithclaude
Путь: plugins/all-skills/skills/artifacts-builder
0
claudeclaude-codeclaude-code-commandsclaude-skillscli-toolcommands
FAQ

Frequently asked questions

What is the artifacts-builder skill?

artifacts-builder is a Claude Skill by davepoon. Skills package instructions and resources that Claude loads on demand, so Claude can perform artifacts-builder-related tasks without extra prompting.

How do I install artifacts-builder?

Use the install commands on this page: add artifacts-builder to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does artifacts-builder belong to?

artifacts-builder is in the document-processing category, tagged react, ai and design.

Is artifacts-builder free to use?

Yes. artifacts-builder is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Похожие навыки

obsidian-bases
Другое

Этот навык позволяет разработчикам создавать и редактировать файлы Obsidian Bases (.base) для построения представлений заметок, подобных базам данных. Он поддерживает настройку представлений, фильтров, формул и сводок в этих YAML-файлах. Используйте его при работе с табличными/карточными представлениями Obsidian или при реализации динамической организации заметок и вычисляемых полей.

Просмотреть навык
obsidian-markdown
Другое

Этот навык позволяет Claude создавать и редактировать Markdown в стиле Obsidian, обрабатывая его уникальный синтаксис, такой как вики-ссылки, выноски, свойства frontmatter и встраиваемые элементы. Используйте его при работе с файлами .md в хранилище Obsidian или когда пользователь упоминает любые специфичные для Obsidian функции. Он гарантирует, что вывод будет корректным для приложения базы знаний Obsidian.

Просмотреть навык
json-canvas
Другое

Этот навык позволяет разработчикам создавать и редактировать файлы JSON Canvas (`.canvas`) для визуальных инструментов, таких как Obsidian, поддерживая узлы, связи, группы и соединения. Он идеально подходит для программного построения ментальных карт, блок-схем и интерактивных диаграмм. Используйте его всякий раз, когда вам нужно сгенерировать или изменить структурированные данные канваса для визуальной организации.

Просмотреть навык
obsidian-bases
Другое

Этот навык позволяет разработчикам создавать и редактировать файлы `.base` в Obsidian, которые определяют представления заметок, подобные базам данных, с использованием YAML. Он поддерживает настройку представлений, фильтров, формул и сводок для организации заметок в виде таблиц, карточек или списков. Используйте его при создании трекеров задач, информационных панелей или любых структурированных представлений данных в хранилище Obsidian.

Просмотреть навык