Stark

Use for UI/UX design, product flows, frontend or native interface design, design audits, design translation, asset planning, motion direction, design tokens, or distinctive non-generic apps and websites. Covers web and React, Windows and WinUI/Mica, Apple and SwiftUI, Android and Jetpack Compose/Material, cross-platform UI, and token export. Route to the focused skill, then load only the references required for the selected surface and failure mode.

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add f0d010c/stark --skill stark
Manual install
git clone --depth 1 https://github.com/f0d010c/stark.git /tmp/stark
mkdir -p ~/.claude/skills
cp -r /tmp/stark/. ~/.claude/skills/stark

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Stark

Stark is a design router for AI coding agents. Use it to make product, platform, visual, interaction, and quality decisions before implementation.

## Operating rule

Keep context proportional to the task:

1. Select no more than two routed skills.
2. Load two core references for the selected surface.
3. Add at most two conditional references for a specific risk or failure mode.
4. Load post-render gates only after rendered evidence exists.

Do not read the entire reference library. Use `references/ui-patterns/README.md`, `references/ux-patterns/README.md`, and `references/web-patterns/README.md` as catalogs when the tables below do not cover the request.

## Route the request

| Request | Routed skill |
|---|---|
| Web UI, landing page, dashboard, React, Next, Astro, Tailwind | `skills/web-design/SKILL.md` |
| Product flow, onboarding, checkout, IA, usability, forms | `skills/ux-design/SKILL.md` |
| Windows, WinUI, WPF, Fluent | `skills/windows-design/SKILL.md` |
| Apple, iOS, iPadOS, macOS, SwiftUI | `skills/apple-design/SKILL.md` |
| Android, Material, Jetpack Compose | `skills/android-design/SKILL.md` |
| Tauri, Electron, React Native, Flutter, CMP, shared UI | `skills/cross-platform-design/SKILL.md` |
| Design tokens, themes, token export | `skills/design-tokens/SKILL.md` |
| Platform is genuinely unclear | `skills/design-router/SKILL.md` |
Read the full skill on GitHub

Details

Skill name
stark
Repository
f0d010c/stark
License
Apache-2.0
Repo updated
26 July 2026

FAQ

What does the Stark skill do?

Use for UI/UX design, product flows, frontend or native interface design, design audits, design translation, asset planning, motion direction, design tokens, or distinctive non-generic apps and websites. Covers web and React, Windows and WinUI/Mica, Apple and SwiftUI, Android and Jetpack Compose/Material, cross-platform UI, and token export. Route to the focused skill, then load only the references required for the selected surface and failure mode.

How do I install the Stark skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add f0d010c/stark --skill stark. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Stark popular?

It lives in f0d010c/stark, which has 33 GitHub stars and 0 forks.

Related skills

Dejank

31

gbasin/dejank

Detect and diagnose visual jank in React UIs. Covers two modes -- static analysis of code patterns that cause flicker, layout shift, and flash of intermediate state (for pre-merge review or preventive sweeps), and runtime investigation of specific visual symptoms (flicker, blink, jump, stutter, remount churn, scroll reset, post-paint correction). Use when the user mentions jank, something feeling off, flashing, blinking, layout shifting, full repaints, or wants a render stability audit.

Frontend & Design

Figma to Swiftui

27

daetojemax/figma-to-swiftui-skill

Implement or update iOS SwiftUI UI from Figma designs; also use for implementation plans, token mapping, or asset export for that UI.

Frontend & Design

Scroll Painting Animation

24

xiwan/scroll-painting-animation

把一幅长卷名画(或任何"沿一条路看过去"的全景题材)做成横向卷轴、等距游戏画风的动画短片:读原作排时间轴与功能团、 用 ComfyUI 统一风格地生产建筑/人物/船/贴图精灵、用 Python(numpy + Pillow)搭等距场景并逐帧渲染、 做疏密与聚团布局、行人车马船的运动、昼夜晨昏与万家灯火、题诗逐字晕墨显现、用 MMAudio 按画面生成环境声与场景音效, 最后用统计、抽帧、跳帧检查、响度测量验收。附可复用库 scrollkit、可运行骨架 scroll_demo 和一套工具脚本。 来源项目:《清明上河图》180 秒 1080p 等距动画(《烽火与炊烟》画风)。 触发词:清明上河图动画、名画动起来、长卷动画、卷轴动画、千里江山图、姑苏繁华图、等距卷轴、isometric scroll、 panoramic pan animation、2.5D 全景动画、横向平移长卷、ComfyUI 精灵、批量生成建筑素材、功能团布局、 万家灯火夜景、题诗渐显、MMAudio 音效、按画面配音效。

Frontend & Design

SVG Character Animator

31

molauu/svg-character-animator

Generate production-quality SVG character animations — state machines that morph between N SVG states (2–10) with per-state idle motion (breathing, blinking, swaying). Use whenever the user wants to animate a character or mascot between poses/emotions, morph icons/illustrations between forms, build interactive SVG state machines, or add ambient idle motion to vector graphics. Triggers include character/mascot animation, SVG path interpolation, character emotion transitions, icon toggles with animation, multi-state vector animations, or "make this SVG come alive." Also use when the user referen

Frontend & Design

Theme Factory Addon

24

patrickkrebs/theme-factory-addon

Expansion pack of 100 curated color and font themes for the theme-factory skill, organized into 14 categories spanning seven aesthetic families (Earthy, Feminine, Coastal, Bold, Boho, Vintage, Luxury), Iconic Brands (Facebook, Instagram, Tesla, Nike, McDonald's, Spotify, Google, Netflix, Coca-Cola), developer/editor/terminal themes (Dracula, Nord, Gruvbox, Tokyo Night, Catppuccin, Solarized, Monokai, One Dark, Synthwave 84), Master Painters (Rothko, Pollock, Picasso, Rembrandt, Van Gogh, Monet, Klimt, Vermeer, Hokusai, Matisse, Frida Kahlo, Mondrian), and Directors & Cinematographers (Spielber

Frontend & Design

Impeccable Lite

27

ilindaniel/impeccable-lite

Design, build, redesign, critique, audit, and refine frontend interfaces with strong visual direction and production-ready UX. Use for websites, landing pages, dashboards, application UI, components, forms, onboarding, empty states, responsive behavior, accessibility, typography, color, layout, motion, UX copy, or when an interface feels generic, bland, cluttered, inconsistent, or unfinished. Do not use for backend-only or non-UI tasks.

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.