design-analyzer
✓Extrahieren Sie automatisch technische Anforderungen aus Designreferenzen, wenn der Benutzer Figma erwähnt, Bilder hochlädt oder „Dieses Design implementieren“ sagt. Analysiert Farben, Typografie, Abstände, Layout und ordnet WordPress-Blöcken oder Drupal-Absatzfeldern zu. Bietet detaillierte Spezifikationen für Entwickler, einschließlich genauer Werte, Reaktionsverhalten und Barrierefreiheitsanforderungen.
Installation
SKILL.md
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"
Extrahieren Sie automatisch technische Anforderungen aus Designreferenzen, wenn der Benutzer Figma erwähnt, Bilder hochlädt oder „Dieses Design implementieren“ sagt. Analysiert Farben, Typografie, Abstände, Layout und ordnet WordPress-Blöcken oder Drupal-Absatzfeldern zu. Bietet detaillierte Spezifikationen für Entwickler, einschließlich genauer Werte, Reaktionsverhalten und Barrierefreiheitsanforderungen. Quelle: kanopi/cms-cultivator.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/kanopi/cms-cultivator --skill design-analyzer- Quelle
- kanopi/cms-cultivator
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist design-analyzer?
Extrahieren Sie automatisch technische Anforderungen aus Designreferenzen, wenn der Benutzer Figma erwähnt, Bilder hochlädt oder „Dieses Design implementieren“ sagt. Analysiert Farben, Typografie, Abstände, Layout und ordnet WordPress-Blöcken oder Drupal-Absatzfeldern zu. Bietet detaillierte Spezifikationen für Entwickler, einschließlich genauer Werte, Reaktionsverhalten und Barrierefreiheitsanforderungen. Quelle: kanopi/cms-cultivator.
Wie installiere ich design-analyzer?
Ö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/kanopi/cms-cultivator --skill design-analyzer 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/kanopi/cms-cultivator
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01