Design Umsetzer

Setzt einen mit Claude Designs erstellten und im Repo unter Designs/ gespeicherten Design-Entwurf 1:1 exakt in Jetpack Compose um — Farben, Abstaende, Schriftgroessen, Schriftarten, Eckenradien, Schatten, Anordnung und Animationen exakt aus den Design-Dateien und analysiert den gesamten Projektordner rekursiv inklusive aller Begleitdateien wie Audio, Bilder, Fonts, Animationen und Daten. Uebernimmt ALLE im Design enthaltenen Theme-Varianten (Light/Dark und Zusatz-Themes) als umschaltbare Themes. Setzt sowohl bestehende Apps neu um (Redesign vorhandener Screens) als auch komplett neue Apps aus dem Design. Programmiert Funktionen, die NEU im Design dazugekommen sind und in der App noch fehlen, mit ein. Bei einer neuen App oder bei neuen Bereichen schreibt er zuerst ein design-treues SPEC (SPEC.md im App-Projekt) und baut danach; bei reiner Design-Anpassung einer bestehenden App uebernimmt er das Design direkt 1:1 ohne SPEC. Findet der Skill den passenden Design-Ordner nicht automatisch, fragt er den Benutzer nach dem Pfad. Nutze diesen Skill IMMER wenn der Benutzer sagt "Design umsetzen", "Design-Umsetzer", "setze das Design um", "setze mein Cloud-Design um", "Design aus dem Designs-Ordner umsetzen", "mach das Design in die App", "Design 1 zu 1 umsetzen", "Design in Jetpack Compose umsetzen", "uebernimm das Design", "setze den Design-Entwurf um", "implementiere das Design", "/design-umsetzer", oder irgendetwas das damit zu tun hat einen fertigen Design-Entwurf (Claude Designs / Cloud Designs) exakt in eine Android-App umzusetzen. Auch bei "bau das Design nach" oder "setze das Prototyp-Design in die App um".

mkdir -p ~/.claude/skills/design-umsetzer
curl -L https://claudskills.com/skills/design-umsetzer/SKILL.md \
  -o ~/.claude/skills/design-umsetzer/SKILL.md

@misc{design-umsetzer-2026,
  author    = {Pepsi1978},
  title     = {Design Umsetzer [Claude Code skill]},
  year      = {2026},
  publisher = {ClaudSkills},
  url       = {https://claudskills.com/skills/design-umsetzer/}
}