·design-spec-extraction
*

design-spec-extraction

cygnusfear/agent-skills

Extrahieren Sie umfassende JSON-Designspezifikationen aus visuellen Quellen, einschließlich Figma-Exporten, UI-Modellen, Screenshots oder Live-Website-Erfassungen. Erzeugt W3C DTCG-konforme Ausgaben mit Komponentenbäumen, die für die Codegenerierung, Designdokumentation und Entwicklerübergabe geeignet sind.

8Installationen·1Trend·@cygnusfear

Installation

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

SKILL.md

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.

Extrahieren Sie umfassende JSON-Designspezifikationen aus visuellen Quellen, einschließlich Figma-Exporten, UI-Modellen, Screenshots oder Live-Website-Erfassungen. Erzeugt W3C DTCG-konforme Ausgaben mit Komponentenbäumen, die für die Codegenerierung, Designdokumentation und Entwicklerübergabe geeignet sind. Quelle: cygnusfear/agent-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/cygnusfear/agent-skills --skill design-spec-extraction
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-17
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist design-spec-extraction?

Extrahieren Sie umfassende JSON-Designspezifikationen aus visuellen Quellen, einschließlich Figma-Exporten, UI-Modellen, Screenshots oder Live-Website-Erfassungen. Erzeugt W3C DTCG-konforme Ausgaben mit Komponentenbäumen, die für die Codegenerierung, Designdokumentation und Entwicklerübergabe geeignet sind. Quelle: cygnusfear/agent-skills.

Wie installiere ich design-spec-extraction?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/cygnusfear/agent-skills --skill design-spec-extraction Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

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