Communitygithub.com

gbechtold/Hi-Fidelity-Design

Claude Code-Fähigkeit: Hochpräzise Design-Implementierungs-Audits mit numerischen Abweichungen pro Element (kein Pixelvergleich). Invariabler Kern + austauschbare Adapter (IDML/Figma/PDF/PNG ↔ DOM).

Was ist Hi-Fidelity-Design?

Diese Fähigkeit ermöglicht es Claude Code, hochpräzise Audits zwischen Design-Spezifikationen und deren Implementierung durchzuführen. Im Gegensatz zu herkömmlichen Pixel-für-Pixel-Vergleichen wird jeder Unterschied auf Elementebene numerisch quantifiziert. Der invariante Kern verarbeitet abstrakte Design- und DOM-Bäume, während austauschbare Adapter die Analyse verschiedener Formate wie IDML (Adobe InDesign), Figma, PDF, PNG oder DOM direkt aus dem Browser ermöglichen. Dadurch eignet sich das Tool ideal für Entwickler und Designer, die eine exakte Kontrolle über Abweichungen zwischen geplantem und tatsächlichem Rendering benötigen – mit präzisen Maßen statt visueller Unschärfe.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add gbechtold/Hi-Fidelity-Design

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Hi-Fidelity-Design?

Claude Code-Fähigkeit: Hochpräzise Design↔Implementierungs-Audits (numerische Abweichungen pro Element, kein Pixelvergleich). Invariabler Kern + austauschbare Adapter (IDML/Figma/PDF/PNG ↔ DOM).

Verwandte Skills