Apply interface craft when building or reviewing UI - motion, easing, timing, springs, component feel, and visual found…
Part of Pro Workflow
by rohitg00· DesignUnclaimed · Yours? Claim it
About
Apply interface craft when building or reviewing UI - motion, easing, timing, springs, component feel, and visual foundations. Use when building a component, animation, transition, hover or press state, modal, drawer, toast, or when polishing an interface so it feels right. Says "make this feel better", "add an animation", "polish the UI", "review this component".
Skills people install alongside design-engineering.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering ~/.copilot/skills/design-engineering
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering ~/.cursor/skills/design-engineering
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering ~/.claude/skills/design-engineering
/plugin marketplace add rohitg00/pro-workflow /plugin install pro-workflow@pro-workflow
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering ~/.agents/skills/design-engineering
Runs on your machine.
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering ~/.gemini/skills/design-engineering
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering .agents/skills/design-engineering
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering ~/.openclaw/skills/design-engineering
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering ~/.config/opencode/skills/design-engineering
Runs on your machine.
npx -y degit rohitg00/pro-workflow/skills/design-engineering ~/.hermes/skills/design-engineering
Scanned and passed · checked 2 h ago
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
No reviews yet. Used design-engineering? Say how it went.
Write a reviewSkills people install alongside design-engineering.
Has your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
A community skill that turns a description, code, Terraform, SQL or API schemas into editable draw.io diagrams, and keeps them in sync.
Turns your agent into a disciplined logo designer, from the brief to tested SVG concepts, lockups, icons and brand guidelines.
Turns one approved character still into a game-ready sprite set: every action animated, keyed, looped and exported for your engine.
Nobody has shared how they use design-engineering yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.