Communitygithub.com

alchaincyf/huashu-design

花叔Design – Erstellen hochwertiger Prototypen, interaktiver Demos, Präsentationen, Animationen und Design-Varianten mit HTML, inklusive Design-Beratung und Experten-Review.

Was ist huashu-design?

Diese Fähigkeit verwandelt den KI-Agenten in einen vielseitigen Design-Experten, der je nach Aufgabe die Rolle eines UX-Designers, Animators, Präsentationsgestalters oder Prototypenersstellers einnimmt. Sie ermöglicht die Erstellung hochauflösender (Hi-Fi) Prototypen, interaktiver HTML-Demos, animierter Präsentationen und UI-Mockups direkt im Browser oder in der Entwicklungsumgebung. Besonderer Wert wird auf die Vermeidung typischer Webdesign-Klischees gelegt. Für vage Anforderungen schaltet die Fähigkeit in einen Design-Beratungsmodus, der parallel drei verschiedene Designrichtungen mit echtem visuellem Output vorschlägt, gestützt auf eine umfangreiche Bibliothek mit über 40 HTML-Stilen, 20+ Webseiten- und 20+ Präsentationsvorlagen. Zu den weiteren Funktionen gehören die Marken-Asset-Verwaltung, ein Anti-AI-Slop-Mechanismus, ein Junior-Workflow für einfacheres Zusammenarbeiten, die Erstellung von Designvarianten (Tweaks), der Export von Animationen als MP4/GIF sowie eine Pipeline zur Erstellung von längeren erklärenden Videos mit Voiceover und eine 5-dimensionale Design-Bewertungsmethode.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alchaincyf/huashu-design/tree/main/skills/huashu-design

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht huashu-design?

花叔Design – Mit HTML zu hochauflösenden Prototypen, interaktiven Demos, Präsentationen, Animationen und Designvarianten. Bietet Design-Beratung und Experten-Reviews.

Je nach Aufgabe verkörpert die Fähigkeit den passenden Experten (UX-Designer, Animator, Präsentations-Designer, Prototypen-Ersteller) und vermeidet dabei typische Webdesign-Klischees.

Auslösewörter: Prototyp erstellen, interaktiven Prototyp, HTML-Demo, Animations-Demo, Design-Variation, Hi-Fi-Design, UI-Mockup, Prototyp, HTML-Seite erstellen, Visualisierung erstellen, App-Prototyp, iOS-Prototyp, MP4/GIF exportieren, 60fps-Video, Designstil, Designrichtung, Farbschema, Stilempfehlung, Stil auswählen, etwas Schönes erstellen, Review, sieht es gut aus?, Review this design, animierte Erklärung, Erklärvideo, langes Erklärvideo, Voiceover, Narration, Erkläre was XX in 5 Minuten ist.

Bei unklaren Anforderungen wechselt die Fähigkeit in den Design-Beratungsmodus (drei parallele Logiken erstellen drei reale visuelle Versionen, unterstützt durch eine native HTML-Stilbibliothek mit 40 Stilen, 20+ Webseiten- und 20+ Präsentationsvorlagen). Enthält außerdem: Marken-Asset-Protokoll, Anti-AI-Slop, Junior-Workflow, Tweaks-Varianten, Animation → MP4/GIF-Export, Pipeline für lange erklärende Videos mit Voiceover, 5-dimensionale Bewertung.

Verwandte Skills