Was macht cloudy-tech-diagrams-skill?
Fertigkeit für KI-Agenten zur Erstellung warmer HTML- und SVG-technischer Diagramme
Fertigkeit für KI-Agenten zur Erstellung warmer HTML- und SVG-technischer Diagramme
Diese Fertigkeit für KI-Agenten, wie Claude Code, Cursor oder Codex, ermöglicht die Erstellung technischer Diagramme im warmen, benutzerfreundlichen HTML- und SVG-Format. Sie eignet sich besonders für Entwickler, die ihre Architektur- oder Ablaufdiagramme direkt im Browser anzeigen möchten, mit einem Fokus auf optisch ansprechende Darstellung. Die Fertigkeit nutzt die Vorteile von Vektorgrafiken (SVG) für klare, skalierbare Diagramme und HTML für einfache Integration in Webseiten. Der Agent generiert den Code automatisch basierend auf den Eingaben des Nutzers, sodass ohne manuelles Zeichnen professionelle technische Diagramme entstehen.
npx skills add cloudy-liu/cloudy-tech-diagrams-skillFertigkeit für KI-Agenten zur Erstellung warmer HTML- und SVG-technischer Diagramme
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".