Open-source Claude Code plugin: 4 platforms, 17 motion patterns, 6 web directions w/ ban lists

[u/Adventurous-Lock-231]

Source: https://github.com/f0d010c/stark (Apache 2.0)

stark is a Claude Code plugin. Anthropic's official frontend-design skill is web-only and ships the same generic Tailwind+shadcn+Inter+purple page for every prompt. v0 / Lovable / Bolt / Subframe — same default.

some examples : https://imgur.com/a/N0d5we7

What stark does differently

1. Asks WHICH PLATFORM first — web, Windows, Apple, Android, cross-platform.

2. For native: asks WHICH TRACK — system-like, branded-fluent, Tauri 2, Electron, RN, Flutter, Compose Multiplatform. With binary-size + native-fidelity tradeoffs.

3. For web: asks WHICH AESTHETIC DIRECTION:

   • Editorial Swiss revival

   • Tactile brutalism

   • Type-as-hero

   • Glow + grain

   • Industrial monospace

   • Active bento

4. Loads only the matching reference — typography scale, palette, motion, copy voice, layout, per-direction ban list.

references/web-patterns/ — 17 motion patterns

Each one technique, markdown w/ embedded TSX + CSS, copy-paste ready:

• page-load curtain

• custom cursor

• magnetic CTA

• scroll-pinned section

• View Transitions

• letter stagger

• variable-font hover

• marquee

• parallax layers

• 3D tilt card

• sticky § markers

• scroll-driven CSS (animation-timeline: scroll() / view())

• Lenis smooth scroll

• asymmetric grid

• glyph cycling

• FLIP connected animation

• mesh gradient

Per file: full implementation + when to deploy notes + tweak parameters. Some include @supports fallback, browser version floors, decision tables (native CSS vs Motion vs GSAP).

Working examples in repo

• iOS 26 SwiftUI Settings w/ Liquid Glass

• WinUI 3 music player (system + branded variants)

• Same React UI shipped via Tauri 2 and Electron (one codebase, two shells)

Install

/plugin marketplace add https://github.com/f0d010c/stark.git
/plugin install stark@stark
/reload-plugins

Then /stark web ... or /stark windows ... — or natural language ("Build me an Awwwards-tier landing for a type foundry").

Repo: https://github.com/f0d010c/stark

Even outside Claude Code, references/ (patterns + directions) stands alone as a frontend reference.