artifacts-builder
Description
Запустіть цю команду у вашому терміналі або терміналі агента
Tags & Topics
Вміст інструкції (SKILL.md)
Відкрити на GitHubІнструкція доступна у вихідному репозиторії.
https://github.com/nexu-io/open-designСхожі AI Agent Skills
Official ui ux pro max capability by @nexu-io. Streamlines autonomous frontend tasks and workflows.
Official web design guidelines capability by @nexu-io. Streamlines autonomous frontend tasks and workflows.
Official design review capability by @nexu-io. Streamlines autonomous frontend tasks and workflows.
Official pptx capability by @nexu-io. Streamlines autonomous frontend tasks and workflows.
Пов'язані матеріали екосистеми
Дізнайтеся більше про практичну реалізацію, термінологію та інструменти
vercel-react-best-practices
Official vercel react best practices capability by @vercel-labs. Streamlines autonomous frontend tasks and workflows.
codebase-design
Official codebase design capability by @mattpocock. Streamlines autonomous frontend tasks and workflows.
Claude Artifacts (Інтерактивні живі додатки в чаті)
Революційна функція інтерфейсу Claude від Anthropic. Виносить згенерований код, схеми, діаграми та інтерактивні React-додатки в окреме вікно праворуч, рендерить їх на льоту і дозволяє користуватися ними без інсталяції середовища.
50 стилів візуального дизайну: фундаментальний посібник для дизайн-систем, UI/UX та арт-дирекшну
Повний візуальний словник із 50 стилів дизайну: аналіз естетики, кольорові палітри, шрифтові пари, правила для дизайн-систем та точне керування ШІ.
Анімовані скрол-сайти з відео: повний посібник зі створення
Як створити преміальний сайт з ефектом скрол-відео (Apple-style): нарізка кадрів у WebP, LERP-згладжування на Canvas, dwell-remap та редакційна система Precision Editorial.
WebMCP & Browser-Native Tools
Адаптація Model Context Protocol (MCP) для роботи безпосередньо у веб-браузері, що дозволяє ШІ-агентам взаємодіяти з DOM, LocalStorage, WebAssembly та IndexedDB без локальних демонів.
nexu-io-open-design-artifacts-builder