MCP HubMCP Hub
SKILL·6E55E0

web-artifacts-builder

vamseeachanta
Обновлено 2 months ago
106 просмотров
3
2
3
Посмотреть на GitHub
Другое

О программе

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

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

Claude Code

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

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

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

vamseeachanta/workspace-hub
Путь: .claude/skills/_internal/builders/web-artifacts-builder
0
FAQ

Frequently asked questions

What is the web-artifacts-builder skill?

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

How do I install web-artifacts-builder?

Use the install commands on this page: add web-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 web-artifacts-builder belong to?

web-artifacts-builder is in the _internal category.

Is web-artifacts-builder free to use?

Yes. web-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.

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

legal-sanity-review
Другое

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

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

Навык мозгового штурма преобразует первоначальные идеи в детальные спецификации посредством итеративных вопросов и совместного диалога. Он помогает разработчикам исследовать варианты дизайна, оценивать компромиссы и формировать общее понимание перед началом реализации. Это предотвращает переделки за счёт систематической проработки концепций в готовые к исполнению планы.

Просмотреть навык
repo-cleanup-structure-section-updates
Другое

Этот навык обрабатывает обновления документации структуры репозитория после операций очистки. Он автоматически обновляет деревья каталогов, удаляет ссылки на удалённые папки и документирует архитектурные изменения, такие как папки `.claude/` и объединённые скрипты. Используйте его для поддержания точных разделов структуры в файлах README после реорганизации репозитория.

Просмотреть навык
brainstorming-best-practices
Другое

Этот навык Claude предоставляет структурированные лучшие практики для эффективных сессий мозгового штурма, фокусируясь на пользователь-ориентированных подходах, таких как начало с потребностей и валидация вариантов. Он предлагает чёткие рекомендации "Что делать" и "Чего избегать" для поддержания продуктивной коллаборации и предотвращения преждевременных решений. Разработчикам следует использовать этот справочный навык при проведении мозговых штурмов, чтобы обеспечить глубокое понимание и документирование решений.

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