Освойте шаблоны компонентов React, Vue и Svelte, включая CSS-in-JS, стратегии композиции и архитектуру многократно используемых компонентов. Используйте при создании библиотек компонентов пользовательского интерфейса, разработке API компонентов или реализации систем проектирования внешнего интерфейса.
Быстро установите AI-навык web-component-design в вашу среду разработки через командную строку
Источник: wshobson/agents.
Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches.
| Tailwind CSS | Utility classes | Rapid prototyping, design systems | | CSS Modules | Scoped CSS files | Existing CSS, gradual adoption | | styled-components | Template literals | React, dynamic styling | | Emotion | Object/template styles | Flexible, SSR-friendly | | Vanilla Extract | Zero-runtime | Performance-critical apps |
Освойте шаблоны компонентов React, Vue и Svelte, включая CSS-in-JS, стратегии композиции и архитектуру многократно используемых компонентов. Используйте при создании библиотек компонентов пользовательского интерфейса, разработке API компонентов или реализации систем проектирования внешнего интерфейса. Источник: wshobson/agents.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/wshobson/agents --skill web-component-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/wshobson/agents --skill web-component-designОсвойте шаблоны компонентов React, Vue и Svelte, включая CSS-in-JS, стратегии композиции и архитектуру многократно используемых компонентов. Используйте при создании библиотек компонентов пользовательского интерфейса, разработке API компонентов или реализации систем проектирования внешнего интерфейса. Источник: wshobson/agents.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/wshobson/agents --skill web-component-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/wshobson/agents