AI Design Engineer
Edu Calvo, an AI Design Engineer, builds agent skills for frontend work, with a focus on the UI Craft family that gives an agent a locked design direction for editorial, minimal, and dense dashboard interfaces. Edu's most popular skills cover the full path from a durable design brief through reduction and production hardening to a pre-ship verdict, including the non-happy-path states of loading, empty, and error handling. The skills are notable for pinning explicit design parameters such as craft, motion, and density so an agent produces consistent results across a project.
Ui Craft
33 skills · 435 stars · MIT
Adapt Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type.
Animate Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTE…
Audit Technical UI audit — a11y, performance, responsive.
Bolder Amplify personality — raises layout variance and motion, strengthens typography and one signature…
Brief Write or update the project's durable design brief at .ui-craft/brief.md.
Clarify UX copy review across buttons, errors, empty states, and form hints — critiques by default, appli…
Colorize Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an ove…
Craft One-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → co…
Critique Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a find…
Delight Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography…
Distill Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user quest…
Extract Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts…
Finalize Pre-ship gate — runs detector, verifies brief and tokens, applies the 10-pass finish bar, ranks f…
Friction Log File contributor or agent papercuts as GitHub issues labeled friction, or investigate those issue…
Harden Production-readiness pass — audits and implements the full non-happy-path matrix: loading skeleto…
Heuristic Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional perso…
Polish Final craft pass applying the compound details from the polish checklist — micro-typography, spac…
Quieter Tone down visual noise — lowers variance and motion, simplifies layout and color weight, keeps hi…
Redesign Redesign an existing site or app without losing what already works — audits the current surface f…
Remember Record a learned design constraint from a correction into the project brief.
Sddesign Full spec-driven pipeline — walks brief → tokens → shape (spec) → craft (build) → converge → ship…
Shape Wireframe-first pass — outputs an ASCII layout + state list + content inventory + question list b…
Start Front door.
Tokens Audit or establish the project's 3-layer token spine.
Typeset Typography pass covering font choice, modular scale, tracking, leading, weight hierarchy, and mic…
Ui Craft Use for UI design and implementation work to avoid generic AI-looking interfaces.
Ui Craft Dense Dashboard Dense dashboard / admin / Bloomberg / Retool / data-heavy internal tools.
Ui Craft Dense Dashboard Dense dashboard / admin / Bloomberg / Retool / data-heavy internal tools.
Ui Craft Editorial Editorial / magazine / long-form / Medium / Substack / content-heavy UIs.
Ui Craft Editorial Editorial / magazine / long-form / Medium / Substack / content-heavy UIs.
Ui Craft Minimal Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs.
Ui Craft Minimal Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs.
Unhappy State-first design pass — inventories and implements all non-happy states (loading, empty, error,…