Skill Claude Code
Translate designs to code (technical phase — benefits from capable models) — use when: build this, implement, code this up, build me a X, add a X to the app, make the X page.
155 tagged design-engineering, measured the same way as everything else here.
Browse within: design-systems 139figma 109ai-coding 95product-design 95ai-tools 44cli 44skills 13
Skill Claude Code
Translate designs to code (technical phase — benefits from capable models) — use when: build this, implement, code this up, build me a X, add a X to the app, make the X page.
Skill Claude CodeCodex
Run this BEFORE every git push or opening a PR — whenever the user says "push this", "open a PR", "ready to ship", "let's get this reviewed", or you are about to push a branch. It self-reviews the diff against docs/standards/STANDARDS.md, runs the local gates including unit and integration tests, and makes the PR body…
Skill Claude CodeCodex
Product animation, UI motion, portfolio videos — Apple-grade reveals, motion tokens, full production pipelines.
lexs32/ultimate-design-engineer
Skill Claude CodeCodex
The master design engineering skill encoding Emil Kowalski's polish philosophy, Apple's fluid interface principles, Anime.js 3D/timeline motion, Motion spring physics, Kokonut UI component aesthetics, and Backlit UI dark-mode charts. Use when designing, animating, or reviewing web UIs to achieve high-precision craft…
Skill Claude CodeCodex
Establish and apply a design direction using a curated visual reference library, plain-language weighted choices and a project lock file. Use for web design direction, "my taste", "min stil", visual alternatives, or reviewing UI against an existing direction. Also supports maintaining this reference library. A…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: