Skip to content

/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.

From plugin
stark
3714 skills14 commands
> /plugin marketplace add f0d010c/stark
> /plugin install stark@stark

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
@f0d010c
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.

Stars on GitHub

Momentum

stars in total
37
Star history of f0d010c/stark on GitHub, a chart by star-history.com

Other commands on stark.

stark-assets
Auto-invoked

stark-assets

Command

Plan UI assets for a Stark design before implementation, including references, icons, typography, generated product mocks, and…

@f0d010c@f0d010cInstall Command
stark-audit
Auto-invoked

stark-audit

Command

Audit existing UI/UX code, flows, or screenshots against UX heuristics plus the matching platform's anti-slop ban list and…

@f0d010c@f0d010cInstall Command
stark-director
Auto-invoked

stark-director

Command

Use this command when the user asks Stark to go all out, raise design quality broadly, use libraries well, make a UI feel…

@f0d010c@f0d010cInstall Command
stark-dogfood
Auto-invoked

stark-dogfood

Command

Use this command when testing whether Stark actually generates better designs, refreshing proof screenshots, creating showcase…

@f0d010c@f0d010cInstall Command
stark-qa
Auto-invoked

stark-qa

Command

Use this command to require proof before calling a UI "good."

@f0d010c@f0d010cInstall Command
stark-quality-gate
Auto-invoked

stark-quality-gate

Command

Use this command when a web UI should be maintained, released, compared across runs, or used as public proof. It turns visual QA…

@f0d010c@f0d010cInstall Command

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command