Open-source Claude Code plugin: 4 platforms, 17 motion patterns, 6 web directions w/ ban lists
[Original Reddit post](https://www.reddit.com/r/ClaudeCode/comments/1t842c2/opensource_claude_code_plugin_4_platforms_17/)
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
Asks WHICH PLATFORM first
— web, Windows, Apple, Android, cross-platform.
For native: asks WHICH TRACK
— system-like, branded-fluent, Tauri 2, Electron, RN, Flutter, Compose Multiplatform. With binary-size + native-fidelity tradeoffs.
For web: asks WHICH AESTHETIC DIRECTION
:
Editorial Swiss revival
Tactile brutalism
Type-as-hero
Glow + grain
Industrial monospace
Active bento
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.
submitted by
/u/Adventurous-Lock-231
Originally posted by u/Adventurous-Lock-231 on r/ClaudeCode
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
Asks WHICH PLATFORM first
— web, Windows, Apple, Android, cross-platform.
For native: asks WHICH TRACK
— system-like, branded-fluent, Tauri 2, Electron, RN, Flutter, Compose Multiplatform. With binary-size + native-fidelity tradeoffs.
For web: asks WHICH AESTHETIC DIRECTION
:
Editorial Swiss revival
Tactile brutalism
Type-as-hero
Glow + grain
Industrial monospace
Active bento
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.
submitted by
/u/Adventurous-Lock-231
Originally posted by u/Adventurous-Lock-231 on r/ClaudeCode