CommunityRecherche & Datenanalysegithub.com

KyrieCheungYep/ky-design-to-html-skill

Ein Skill für Codex / Claude, um UI-Screenshots als HTML/CSS nachzubilden.

Was ist ky-design-to-html-skill?

Dieser Skill ermöglicht es KI-Agenten wie Codex oder Claude, UI-Screenshots präzise in HTML/CSS-Code zu übersetzen. Er ist besonders nützlich für Entwickler und Designer, die schnell visuelle Designs in funktionierenden Webcode umwandeln möchten – ideal für Rapid Prototyping, Design-Reviews oder die Wiederverwendung bestehender UI-Layouts. Der Skill unterstützt die Analyse von Bilddateien, erkennt Layoutstrukturen, Farben, Schriftarten und Abstände und generiert daraus responsives, semantisches HTML und CSS. Die Funktionsweise basiert auf dem Auslesen der visuellen Metadaten des Screenshots und der Erstellung einer maßstabsgetreuen Code-Repräsentation, einschließlich moderner CSS-Techniken wie Flexbox und Grid. Er ist plattformübergreifend in Codex und Claude nutzbar und kann in verschiedene Entwicklungsworkflows integriert werden.

Funktioniert mit✓Claude Code✓Codex CLI~Cursor
npx skills add KyrieCheungYep/ky-design-to-html-skill

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

Verwandte Skills