design-system

Plugin design-system from marketplace hamidun in JHamidun/claude-code-config-pack. Commands read from the repo's manifest — 26 days ago.

Skills (12)

• brand-extractor

  Вытащить цвета, шрифты, копирайт из сайта по URL (headless Playwright). Триггеры: «сделай в стиле нашего сайта», «вытащи цвета с сайта». НЕ чужие продукты→content-policy.

• brand-guidelines

  Официальные цвета и шрифты бренда Anthropic (палитра + Poppins/Lora) для артефактов и .pptx. Триггеры: «стиль Anthropic». НЕ бренд пользователя/клиента→design-md-brands.

• color-system-builder

  Из одного акцента — полная палитра: light+dark, 9-step scale, semantic, WCAG-контраст. Триггеры: «построй цветовую систему», «color tokens».

• dark-mode-add

  Добавить dark mode к light-дизайну: продуманные dark-токены, не инверт. Триггеры: «тёмная тема к дизайну», «dark theme tokens».

• deck-themes

  Готовые CSS-темы для slides без бренда: минимал, editorial, dark, data, brutalist. Триггеры: «тема презентации», «оформление дека». Любой артефакт → theme-factory.

• design-md-brands

  Банк DESIGN.md: 73 бренда (Stripe, Linear, Notion) + 287 сайтов инди-эстетики. Триггеры: «как у Linear», «современный лендинг», «портфолио-стиль». НЕ по URL → brand-extractor.

• design-system-create

  Собрать дизайн-систему с нуля: токены, типографика, компоненты, гайдлайны. Триггеры: «создай дизайн-систему», «UI-кит», «общие токены проекта».

• design-tokens-w3c

  Экспорт дизайн-токенов в W3C DTCG tokens.json: Style Dictionary, Token Studio. Триггеры: «экспорт токенов», «отдай токены команде».

• fonts-bundle

  Готовые блоки <link> для пар шрифтов Google Fonts (веса, subset) + system-стек. Триггеры: «подключи шрифты», «пара шрифтов».

• moodboard

  HTML-мудборд из 5-15 референсов с палитрой из картинок — согласовать визуальный язык на старте. Триггеры: «собери референсы», «извлеки палитру».

• theme-factory

  Стилизация артефакта темой: 10 пресетов цвета/шрифтов или новая тема на лету, дек в том числе. Триггеры: «смени тему», «стилизация». НЕ CSS для deck-stage → deck-themes.

• type-scale

  Modular type scale из base + ratio, плюс 28 проверенных font-пар. Триггеры: «modular scale», «font pair», «причесать размеры шрифтов».

Similar plugins