🔧 KI-gestützter Design-to-Code-Pipeline 2026: Figma zu React im 6-phasigen Parallel-Workflow
Dieser Skill bietet eine hochmoderne, KI-gestützte Pipeline, die Designdateien aus Figma direkt in produktionsreifen React-Code umwandelt. Der Prozess ist in sechs parallele Phasen unterteilt, die Komponentenanalyse, Styling-Extraktion, Logik-Generierung und Testing umfassen. Entwickler können so die manuelle Übersetzung von Designs in Code drastisch reduzieren und erhalten konsistente, wiederverwendbare Komponenten. Der Skill ist für Agenten wie Claude Code, Cursor und Codex optimiert und nutzt MCP (Model Context Protocol) zur nahtlosen Integration in moderne Entwicklungsumgebungen.
npx skills add giovannisacca/pixel-mcp-workflow🔧 KI-gestützter Design-to-Code-Pipeline 2026: Figma zu React im 6-phasigen Parallel-Workflow
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".