·theming-components
*

theming-components

Предоставляет систему токенов дизайна и структуру тем для единообразного, настраиваемого стиля пользовательского интерфейса для всех компонентов. Охватывает полную таксономию токенов (цвет, типографика, интервалы, тени, границы, движение, z-индекс), переключение тем (пользовательские свойства CSS, поставщики тем), поддержку RTL/i18n (логические свойства CSS) и специальные возможности (контрастность WCAG, темы с высокой контрастностью, уменьшенное движение). Это базовый уровень стиля, на который опираются ВСЕ навыки работы с компонентами. Используйте при оформлении тем для компонентов, реализации светлого/темного режима, создании фирменных стилей, настройке визуального дизайна, обеспечении единообразия дизайна или поддержке языков с письмом справа налево.

22Установки·0Тренд·@ancoleman

Установка

$npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components

Как установить theming-components

Быстро установите AI-навык theming-components в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: ancoleman/ai-design-components.

Comprehensive design token system providing the foundational styling architecture for all component skills, enabling brand customization, theme switching, RTL support, and consistent visual design.

Design tokens are the single source of truth for all visual design decisions. This skill provides:

| margin-left | margin-inline-start | | padding-right | padding-inline-end | | text-align: left | text-align: start |

Предоставляет систему токенов дизайна и структуру тем для единообразного, настраиваемого стиля пользовательского интерфейса для всех компонентов. Охватывает полную таксономию токенов (цвет, типографика, интервалы, тени, границы, движение, z-индекс), переключение тем (пользовательские свойства CSS, поставщики тем), поддержку RTL/i18n (логические свойства CSS) и специальные возможности (контрастность WCAG, темы с высокой контрастностью, уменьшенное движение). Это базовый уровень стиля, на который опираются ВСЕ навыки работы с компонентами. Используйте при оформлении тем для компонентов, реализации светлого/темного режима, создании фирменных стилей, настройке визуального дизайна, обеспечении единообразия дизайна или поддержке языков с письмом справа налево. Источник: ancoleman/ai-design-components.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components
Категория
*Креатив
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from ancoleman/ai-design-components

Короткие ответы

Что такое theming-components?

Предоставляет систему токенов дизайна и структуру тем для единообразного, настраиваемого стиля пользовательского интерфейса для всех компонентов. Охватывает полную таксономию токенов (цвет, типографика, интервалы, тени, границы, движение, z-индекс), переключение тем (пользовательские свойства CSS, поставщики тем), поддержку RTL/i18n (логические свойства CSS) и специальные возможности (контрастность WCAG, темы с высокой контрастностью, уменьшенное движение). Это базовый уровень стиля, на который опираются ВСЕ навыки работы с компонентами. Используйте при оформлении тем для компонентов, реализации светлого/темного режима, создании фирменных стилей, настройке визуального дизайна, обеспечении единообразия дизайна или поддержке языков с письмом справа налево. Источник: ancoleman/ai-design-components.

Как установить theming-components?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/ancoleman/ai-design-components