·styling-system
*

styling-system

Загружайте ПРОАКТИВНО, если задача связана с архитектурой CSS, темами или системами визуального дизайна. Используйте, когда пользователь говорит «настроить Tailwind», «добавить темный режим», «создать систему дизайна», «сделать ее адаптивной» или «настроить тему». Охватывает конфигурацию Tailwind и пользовательские плагины, системы токенов проектирования, адаптивные стратегии точек останова, реализацию темного режима, шаблоны вариантов компонентов (CVA/class-variance-authority), альтернативы CSS-in-JS и шаблоны анимации.

41Установки·1Тренд·@mgd34msu

Установка

$npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system

Как установить styling-system

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

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

Источник: mgd34msu/goodvibes-plugin.

This skill guides you through CSS architecture decisions and implementation using GoodVibes precision tools. Use this workflow when setting up styling infrastructure, creating design systems, or implementing theming and responsive patterns.

Trigger phrases: "setup styling", "add Tailwind", "implement dark mode", "design tokens", "responsive design", "CSS architecture", "theme system".

Before making styling decisions, understand the project's current state.

Загружайте ПРОАКТИВНО, если задача связана с архитектурой CSS, темами или системами визуального дизайна. Используйте, когда пользователь говорит «настроить Tailwind», «добавить темный режим», «создать систему дизайна», «сделать ее адаптивной» или «настроить тему». Охватывает конфигурацию Tailwind и пользовательские плагины, системы токенов проектирования, адаптивные стратегии точек останова, реализацию темного режима, шаблоны вариантов компонентов (CVA/class-variance-authority), альтернативы CSS-in-JS и шаблоны анимации. Источник: mgd34msu/goodvibes-plugin.

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

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

Команда установки
npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system
Категория
*Креатив
Проверено
Впервые замечено
2026-02-25
Обновлено
2026-03-10

Browse more skills from mgd34msu/goodvibes-plugin

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

Что такое styling-system?

Загружайте ПРОАКТИВНО, если задача связана с архитектурой CSS, темами или системами визуального дизайна. Используйте, когда пользователь говорит «настроить Tailwind», «добавить темный режим», «создать систему дизайна», «сделать ее адаптивной» или «настроить тему». Охватывает конфигурацию Tailwind и пользовательские плагины, системы токенов проектирования, адаптивные стратегии точек останова, реализацию темного режима, шаблоны вариантов компонентов (CVA/class-variance-authority), альтернативы CSS-in-JS и шаблоны анимации. Источник: mgd34msu/goodvibes-plugin.

Как установить styling-system?

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

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

https://github.com/mgd34msu/goodvibes-plugin

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-25