·design-spec-extraction
*

design-spec-extraction

Извлекайте полные спецификации дизайна JSON из визуальных источников, включая экспорт Figma, макеты пользовательского интерфейса, снимки экрана или снимки живых веб-сайтов. Создает выходные данные, соответствующие W3C DTCG, с деревьями компонентов, подходящие для генерации кода, проектной документации и передачи разработчикам.

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

Установка

$npx skills add https://github.com/cygnusfear/agent-skills --skill design-spec-extraction

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

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

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

Источник: cygnusfear/agent-skills.

Extract comprehensive, production-ready JSON design specifications from visual inputs using a 7-pass serial subtask architecture that ensures complete coverage and cross-validation.

The extraction produces JSON following the W3C Design Tokens Community Group (DTCG) 2025.10 format with extensions:

EVERY pass MUST write its output to a JSON file on disk. This is non-negotiable.

Извлекайте полные спецификации дизайна JSON из визуальных источников, включая экспорт Figma, макеты пользовательского интерфейса, снимки экрана или снимки живых веб-сайтов. Создает выходные данные, соответствующие W3C DTCG, с деревьями компонентов, подходящие для генерации кода, проектной документации и передачи разработчикам. Источник: cygnusfear/agent-skills.

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

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

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

Browse more skills from cygnusfear/agent-skills

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

Что такое design-spec-extraction?

Извлекайте полные спецификации дизайна JSON из визуальных источников, включая экспорт Figma, макеты пользовательского интерфейса, снимки экрана или снимки живых веб-сайтов. Создает выходные данные, соответствующие W3C DTCG, с деревьями компонентов, подходящие для генерации кода, проектной документации и передачи разработчикам. Источник: cygnusfear/agent-skills.

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

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

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

https://github.com/cygnusfear/agent-skills

Детали

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