Skip to content

/stark-reference

Analyze real shipped UI/UX references without copying visuals, then produce a structural reference extraction brief for Stark.

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

Command definition

stark-reference.md
description: Analyze real shipped UI/UX references without copying visuals, then produce a structural reference extraction brief for Stark.
argument-hint: "<product, flow, screenshot, URL, or design problem>"

/stark-reference

Legacy Claude Code command. In Codex, ask:

> Use stark reference analysis for this flow before designing.

Read:

  • `references/ui-patterns/reference-analysis.md`
  • `references/ui-patterns/asset-selection.md`
  • the relevant UX or platform skill

Inspect 3-5 shipped references when available. Use official docs, live public pages, first-party screenshots, or approved reference libraries. If using Mobbin/Figma/reference screenshots, extract structure only.

Output:

Reference extraction brief
- Pattern chosen: ...
- Why it fits this user's job: ...
- Structural decisions to borrow: ...
- Decisions to reject: ...
- State/responsive requirements: ...
- Asset/source constraints: ...

Rules:

  • Do not pixel-clone.
  • Do not copy brand, artwork, screenshots, copy, or proprietary layouts.
  • Name what you learned from each reference in product terms: job, IA, hierarchy, state, interaction, recovery, responsive behavior.
  • Use the brief as input to UX/UI implementation.
@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-animation
Auto-invoked

stark-animation

Command

Use this command when the user asks for high-end animation direction, Luma-level landing pages, cinematic product reveals, or…

@f0d010c@f0d010cInstall Command
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

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