·design-spec
*

design-spec

duc01226/easyplatform

Erstellen Sie UI/UX-Designspezifikationen aus Anforderungen oder Figma-Designs. Behandelt Komponentenspezifikationen (Atom/Molekül/Organismus), Zugänglichkeitsprüfungen (WCAG 2.1 AA), Design-Tokens, Reaktionsverhalten und Entwicklerübergaben. Löst auf „Design-Spezifikation“, „UI-Spezifikation“, „Komponenten-Spezifikation“, „Zugänglichkeitsprüfung“, „Design-Übergabe“, „Design-Tokens“, „Wireframe“ und „Mockup“ aus.

7Installationen·0Trend·@duc01226

Installation

$npx skills add https://github.com/duc01226/easyplatform --skill design-spec

SKILL.md

IMPORTANT: You MUST read these reference files for complete protocol. Do NOT skip.

Pattern: https?://(?:www\.)?figma\.com/(design|file)/([a-zA-Z0-9]+)(?:/[^?])?(?:\?node-id=([0-9]+:[0-9]+))?

Structure: Overview, Component Inventory, States, Design Tokens, Accessibility, Responsive, Figma Extracted Specs

Erstellen Sie UI/UX-Designspezifikationen aus Anforderungen oder Figma-Designs. Behandelt Komponentenspezifikationen (Atom/Molekül/Organismus), Zugänglichkeitsprüfungen (WCAG 2.1 AA), Design-Tokens, Reaktionsverhalten und Entwicklerübergaben. Löst auf „Design-Spezifikation“, „UI-Spezifikation“, „Komponenten-Spezifikation“, „Zugänglichkeitsprüfung“, „Design-Übergabe“, „Design-Tokens“, „Wireframe“ und „Mockup“ aus. Quelle: duc01226/easyplatform.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/duc01226/easyplatform --skill design-spec
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist design-spec?

Erstellen Sie UI/UX-Designspezifikationen aus Anforderungen oder Figma-Designs. Behandelt Komponentenspezifikationen (Atom/Molekül/Organismus), Zugänglichkeitsprüfungen (WCAG 2.1 AA), Design-Tokens, Reaktionsverhalten und Entwicklerübergaben. Löst auf „Design-Spezifikation“, „UI-Spezifikation“, „Komponenten-Spezifikation“, „Zugänglichkeitsprüfung“, „Design-Übergabe“, „Design-Tokens“, „Wireframe“ und „Mockup“ aus. Quelle: duc01226/easyplatform.

Wie installiere ich design-spec?

Ö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/duc01226/easyplatform --skill design-spec 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/duc01226/easyplatform