MCP HubMCP Hub
SKILL·E372E0

web-artifacts-builder

antoniolg
Обновлено 1 month ago
8 просмотров
29
2
29
Посмотреть на GitHub
Метаreactaidesign

О программе

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

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

Claude Code

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

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

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

antoniolg/agent-kit
Путь: skills/3rd-web-artifacts-builder
0
FAQ

Frequently asked questions

What is the web-artifacts-builder skill?

web-artifacts-builder is a Claude Skill by antoniolg. 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 Meta category, tagged react, ai and design.

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.

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

content-collections
Мета

Этот навык предоставляет проверенную в продакшене настройку для Content Collections — TypeScript-ориентированного инструмента, который преобразует файлы Markdown/MDX в типобезопасные коллекции данных с валидацией Zod. Используйте его при создании блогов, сайтов документации или контентных приложений на Vite + React для обеспечения типобезопасности и автоматической проверки содержимого. Он охватывает всё: от настройки плагина Vite и компиляции MDX до оптимизации развертывания и валидации схем.

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

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

Просмотреть навык
creating-opencode-plugins
Мета

Этот навык помогает разработчикам создавать плагины OpenCode, которые подключаются к более чем 25 типам событий, таким как команды, файлы и операции LSP. Он предоставляет структуру плагина, спецификации API событий и шаблоны реализации для модулей на JavaScript/TypeScript. Используйте его, когда вам нужно перехватывать, отслеживать или расширять жизненный цикл ассистента OpenCode AI с помощью пользовательской событийно-ориентированной логики.

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

SGLang — это высокопроизводительный фреймворк для обслуживания больших языковых моделей (LLM), специализирующийся на быстрой структурированной генерации JSON, regex и рабочих процессов агентов с использованием кэширования префиксов RadixAttention. Он обеспечивает значительно более высокую скорость вывода, особенно для задач с повторяющимися префиксами, что делает его идеальным для сложных структурированных результатов и многократных диалогов. Выбирайте SGLang вместо альтернатив, таких как vLLM, когда вам требуется ограниченное декодирование или вы создаете приложения с интенсивным совместным использованием префиксов.

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