MCP HubMCP Hub
SKILL·5DE0FA

design-system-creator

majiayu000
Обновлено 1 month ago
18 просмотров
58
9
58
Посмотреть на GitHub
Другоеdesign-systemtokenscomponentscssstyle-guide

О программе

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

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

Claude Code

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

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

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

majiayu000/claude-skill-registry
Путь: skills/data/design-system-creator
0
FAQ

Frequently asked questions

What is the design-system-creator skill?

design-system-creator is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform design-system-creator-related tasks without extra prompting.

How do I install design-system-creator?

Use the install commands on this page: add design-system-creator 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 design-system-creator belong to?

design-system-creator is in the Design & Creative category, tagged design-system, tokens, components, css and style-guide.

Is design-system-creator free to use?

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

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

2000s-visualization-expert
Другое

Этот навык Claude помогает разработчикам создавать продвинутые аудио-реактивные музыкальные визуализации, такие как Milkdrop, с использованием современных веб-технологий. Он специализируется на работе с WebGL через библиотеку Butterchurn, обрабатывая данные FFT из Web Audio API для управления GLSL-шейдерами, создающими психоделическую генеративную графику. Используйте его для сложных визуализаций звука в реальном времени, а не для базовых графиков волновых форм или неаудио-графики.

Просмотреть навык
2000s-visualization-expert
Другое

Этот навык Claude помогает разработчикам создавать продвинутые аудио-реактивные музыкальные визуализации с использованием WebGL, уделяя особое внимание стилям 2000-х годов, таким как Milkdrop. Он предоставляет экспертные знания по интеграции библиотеки Butterchurn, обработке FFT-данных Web Audio API и созданию визуализаций с помощью GLSL-шейдеров. Используйте его для сложного психоделического генеративного искусства, а не для базовых визуализаций в виде волновых форм или столбчатых диаграмм.

Просмотреть навык
adhd-design-expert
Другое

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

Просмотреть навык
adhd-design-expert
Другое

Этот навык разрабатывает цифровые интерфейсы специально для пользователей с СДВГ, применяя принципы нейронауки и UX для снижения когнитивной нагрузки и решения проблемы "слепоты ко времени". Он фокусируется на дофаминовой вовлечённости и эмпатичных паттернах, активируясь по запросам вроде "нейроразнообразный UX" или "исполнительные функции". Используйте его для дизайна, ориентированного на СДВГ, а не для общей доступности по стандартам WCAG или стандартного оформления интерфейсов.

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