Auto-invokedCommand
stark-assets
Plan UI assets for a Stark design before implementation, including references, icons, typography, generated product mocks, and optional image generation when…
Development
/stark-animation
Use this command when the user asks for high-end animation direction, Luma-level landing pages, cinematic product reveals, or when an animated design feels messy, copied, cheap, or like random elements were pasted around a hero.
Install
> /plugin marketplace add f0d010c/stark > /plugin install stark@stark
How it fires
How this command gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/stark-animation
Context preview
What this command does when you run it.
Use this command when the user asks for high-end animation direction, Luma-level landing pages, cinematic product reveals, or when an animated design feels messy, copied, cheap, or like random elements were pasted around a hero.
Command definition
stark-animation.md/stark-animation
Use this command when the user asks for high-end animation direction, Luma-level landing pages, cinematic product reveals, or when an animated design feels messy, copied, cheap, or like random elements were pasted around a hero.
Read, in order:
- `references/ui-patterns/design-orchestration.md`
- `references/ui-patterns/reference-board-workflow.md` when references or inspiration are involved
- `references/ui-patterns/animation-creation.md`
- `references/ui-patterns/premium-animation-direction.md`
- `references/ui-patterns/choreography-state-machine.md`
- `references/ui-patterns/motion-pattern-atlas.md`
- `references/ui-patterns/motion-library-playbooks.md`
- `references/ui-patterns/advanced-visual-systems.md` when shader/canvas/WebGL/Spline/Rive/Lottie/video/generated key art is central
- `references/ui-patterns/performance-budget-contract.md` when the animation uses expensive media, WebGL/canvas, stacked libraries, or large assets
- `references/ui-patterns/qa-evidence-contract.md`
Return:
Stark animation direction
- Product truth:
- Main object:
- Signature transformation:
- Visual world:
- Repeated motif:
- Proof surface:
- Copy voice:
- Motion grammar:
- Advanced visual mechanic:
- Asset quality plan:
- Library ownership:
- Rejected reference/libraries:
- Mobile/reduced-motion plan:
- QA evidence:
Hard fail if the result is just floating props, copied reference identity, generic hero copy, library stacking, or motion without product proof.
Read more
/stark-animation
Use this command when the user asks for high-end animation direction, Luma-level landing pages, cinematic product reveals, or when an animated design feels messy, copied, cheap, or like random elements were pasted around a hero.
Read, in order:
- `references/ui-patterns/design-orchestration.md`
- `references/ui-patterns/reference-board-workflow.md` when references or inspiration are involved
- `references/ui-patterns/animation-creation.md`
- `references/ui-patterns/premium-animation-direction.md`
- `references/ui-patterns/choreography-state-machine.md`
- `references/ui-patterns/motion-pattern-atlas.md`
- `references/ui-patterns/motion-library-playbooks.md`
- `references/ui-patterns/advanced-visual-systems.md` when shader/canvas/WebGL/Spline/Rive/Lottie/video/generated key art is central
- `references/ui-patterns/performance-budget-contract.md` when the animation uses expensive media, WebGL/canvas, stacked libraries, or large assets
- `references/ui-patterns/qa-evidence-contract.md`
Return:
Stark animation direction - Product truth: - Main object: - Signature transformation: - Visual world: - Repeated motif: - Proof surface: - Copy voice: - Motion grammar: - Advanced visual mechanic: - Asset quality plan: - Library ownership: - Rejected reference/libraries: - Mobile/reduced-motion plan: - QA evidence:
Hard fail if the result is just floating props, copied reference identity, generic hero copy, library stacking, or motion without product proof.
Ships withstark
Design direction for AI coding agents—grounded in product behavior, platform idiom, and rendered evidence. Stark routes UI work across web, Windows, Apple, Android, cross-platform, UX, and design tokens.
Get the whole plugin, auto-invoked
Stats
29
Stars
0
Forks
Maintained
Maintenance
Python
Language
Apache-2.0
License
1mo ago
Last commit
4mo ago
Created
Repo: f0d010c/stark
Other commands on stark.
Auto-invokedCommand
stark-audit
Audit existing UI/UX code, flows, or screenshots against UX heuristics plus the matching platform's anti-slop ban list and idiomatic checklist. Reports…
Auto-invokedCommand
stark-director
Use this command when the user asks Stark to go all out, raise design quality broadly, use libraries well, make a UI feel actually designed, or coordinate…
Auto-invokedCommand
stark-dogfood
Use this command when testing whether Stark actually generates better designs, refreshing proof screenshots, creating showcase examples, or turning…
Auto-invokedCommand
stark-qa
Use this command to require proof before calling a UI "good."
Auto-invokedCommand
stark-quality-gate
Use this command when a web UI should be maintained, released, compared across runs, or used as public proof. It turns visual QA into a repeatable local/CI…