npxskillui: витяг дизайн-системи сайту в навичку для Claude
CLI на TypeScript, що сканує сайт/репозиторій/код і витягує дизайн-систему (кольори, типографіку, компоненти) у папку для Claude Code.
npxskillui
Це інструмент для зворотного проєктування будь-якої дизайн-системи в навичку, сумісну з Claude.
CLI-інструмент, який сканує будь-який вебсайт, Git-репозиторій або локальну кодову базу й витягує всю їхню дизайн-систему — кольори, типографіку, відступи, анімацію, компоненти, скриншоти — запаковану в папку, яку Claude Code зчитує автоматично.
Відкрийте папку з результатами, введіть команду claude і попросіть ШІ створити ваш користувацький інтерфейс. Він уже знає точну дизайн-систему.
Коментарі
Дайджест щотижня
Найкраще про vibe coding, AI-агентів та open source — раз на тиждень, без спаму.
Схожі статті
Всі статтіClaude Fable 5 оркеструє Grok 4.5: плагін, CLI та паралельні агенти
Як налаштувати Claude Fable 5 як оркестратор, а Grok 4.5 — виконавцем: безплатний плагін, Grok CLI, крос-перевірка дифів і паралельні агенти.
Claude Code /dataviz: візуалізація даних і валідатор палітри в CLI
У Claude Code v2.1.198 з’явилась навичка /dataviz: поради для діаграм і дашбордів та валідатор палітри для перевірки контрастності й доступності.
Artifacts у Claude Code: інтерактивні сторінки з робочих сесій
Claude Code отримав Artifacts: перетворюйте сесії на приватні інтерактивні сторінки для команди з автооновленням. Бета для Team і Enterprise.