·design-analyzer
*

design-analyzer

Автоматически извлекайте технические требования из ссылок на проекты, когда пользователь упоминает Figma, загружает изображения или говорит «реализовать этот дизайн». Анализирует цвета, типографику, интервалы, макет и сопоставляет блоки WordPress или поля абзацев Drupal. Предоставляет подробные спецификации для разработчиков, включая точные значения, оперативное поведение и требования к доступности.

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

Установка

$npx skills add https://github.com/kanopi/cms-cultivator --skill design-analyzer

Как установить design-analyzer

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

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

Источник: kanopi/cms-cultivator.

Purpose Extract technical requirements from design references (Figma URLs, screenshots, mockups) for CMS component implementation.

Accurate design-to-code translation requires systematic extraction of technical specifications.

User uploads image and says: "Create a WordPress block pattern from this hero design"

Автоматически извлекайте технические требования из ссылок на проекты, когда пользователь упоминает Figma, загружает изображения или говорит «реализовать этот дизайн». Анализирует цвета, типографику, интервалы, макет и сопоставляет блоки WordPress или поля абзацев Drupal. Предоставляет подробные спецификации для разработчиков, включая точные значения, оперативное поведение и требования к доступности. Источник: kanopi/cms-cultivator.

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

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

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

Browse more skills from kanopi/cms-cultivator

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

Что такое design-analyzer?

Автоматически извлекайте технические требования из ссылок на проекты, когда пользователь упоминает Figma, загружает изображения или говорит «реализовать этот дизайн». Анализирует цвета, типографику, интервалы, макет и сопоставляет блоки WordPress или поля абзацев Drupal. Предоставляет подробные спецификации для разработчиков, включая точные значения, оперативное поведение и требования к доступности. Источник: kanopi/cms-cultivator.

Как установить design-analyzer?

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

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

https://github.com/kanopi/cms-cultivator