design-engineering skillA
design-engineering is agent-read markdown (skill) from rohitg00/pro-workflow: 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"..
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# design-engineering In a world where most software works well enough, feel is the differentiator. Most of what makes an interface feel right is detail the user never consciously notices - the aggregate of small correct choices. Build for that aggregate. ## Motion decision framework Answer these in order before writing any animation. ### 1. Should it animate at all? The deciding factor is frequency. The more often a user sees it, the less it should move. | How often the user sees it | Decision | |----------------------------|----------| | 100+ times/day (shortcuts, command palette) | No animation, ever | | Tens of times/day (hover, list nav) | Remove or drastically reduce | | Occasional (modals, drawers, toasts) | Standard animation | | Rare or first-time (onboarding, celebration) | Room for delight | Never animate a keyboard-initiated action. It repeats all day; animation makes it feel slow and disconnected from the keypress. ### 2. What is the purpose? Every animation needs an answer to "why does this move?" Valid ones: spatial consistency (enters and exits the same edge), state change, feedback (a press …
Read the whole file at its exact version.
How to install
mdr add rohitg00/pro-workflow/design-engineering@git:20260718.7f7209dmdr add rohitg00/pro-workflow/design-engineering@sha256:1d735e5d49bc6538Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
[](https://markdownregistry.com/a/art_fg7loyc5icku3glj)
0 badge views in 30 days
Versions
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (4757 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
rohitg00/pro-workflow · 2,879 stars · license none · pushed 2026-09-24 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_fg7loyc5icku3glj GET https://markdownregistry.com/api/v1/resolve?ref=rohitg00/pro-workflow/design-engineering GET https://markdownregistry.com/api/v1/blob/1d735e5d49bc65388b9e9bb43299ac0d6395a9e337638c7851a612f8574f13b5
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
More from rohitg00/pro-workflow
Every file in rohitg00/pro-workflow