CommunityRecherche & Datenanalysegithub.com

vanillaSky00/claude-design-skills

Ein Claude-Skill für die Agenten-zu-Benutzeroberfläche, der bearbeitbare, screenshot-sichere HTML-Folien und Fotos erstellt – fehlerhafte Werte korrigieren und Textüberlappungen vermeiden, bevor du nach Canva, Figma oder Notion exportierst.

Was ist claude-design-skills?

Dieser Skill wandelt Claude in einen Design-Assistenten um, der HTML-basierte Folien und Grafiken erzeugt, die direkt im Browser bearbeitet und als Screenshots exportiert werden können. Entwickler und Designer können damit schnell visuelle Inhalte wie Präsentationsfolien, Social-Media-Grafiken oder UI-Mockups erstellen, ohne auf externe Designtools angewiesen zu sein. Der generierte Code vermeidet typische Probleme wie falsche Werte oder überlappende Texte und stellt sicher, dass die Ausgabe in Canva, Figma oder Notion nahtlos weiterverwendet werden kann. Der Skill läuft auf Claude Code, Cursor und anderen AI-Agenten-Plattformen und wird über ein GitHub-Repository bereitgestellt.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add vanillaSky00/claude-design-skills

Installed? Explore more Recherche & Datenanalyse skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht claude-design-skills?

Ein Claude-Skill für die Agenten-zu-Benutzeroberfläche, der bearbeitbare, screenshot-sichere HTML-Folien und Fotos erstellt – fehlerhafte Werte korrigieren und Textüberlappungen vermeiden, bevor du nach Canva, Figma oder Notion exportierst.

Quelle: https://github.com/vanillaSky00/claude-design-skills

Veröffentlicht: 2026-06-02T04:03:13Z

Verwandte Skills