claudeers.
// Claude Plugins

stark

UI/UX design plugin for AI coding agents. Product flows, platform-native interfaces, asset planning, and reference analysis before code.

// Claude Plugins[ cli ][ desktop ][ web ][ mobile ][ claude ]#claude#agent-skills#ai-design#anti-slop#awwwards#claude-code#claude-code-plugin#claude-plugin#pluginsApache-2.0$open-sourceupdated about 1 hour ago

Install with your AI

Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.

Install and set up stark (git-clone project) into my current project.
Found on https://claudeers.com/stark
Repo: https://github.com/f0d010c/stark
Homepage/docs: https://github.com/f0d010c/stark
Detected install method: git-clone → git clone https://github.com/f0d010c/stark
Category: plugins. Platforms: cli, desktop, web, mobile.
Read the repo's README for exact setup and env vars, then install it and wire it into my project.

Claudeers Health Verdict:
unknown; community-verified: false. Confirm the source before running anything.
// or clone
git clone https://github.com/f0d010c/stark

// compatibility

Platformscli, desktop, web, mobile
Operating systems
AI compatibilityclaude
LicenseApache-2.0
Pricingopen-source
LanguagePython

Stark logo

Stark

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. It makes the agent choose the product object, user flow, visual language, states, responsive behavior, motion ownership, and proof strategy before generating code.

Why Stark

Most weak generated interfaces fail before the first CSS rule: they choose a generic structure, decorate it, and call the result polished. Stark changes that sequence.

  1. Route the request to the correct platform and surface.
  2. Load a small, relevant reference bundle.
  3. Write a compact decision brief.
  4. Build in the repository's existing stack.
  5. Inspect rendered evidence.
  6. Repair the highest-impact failure and re-check it.

The runtime uses two core references and at most two conditional references per task. The full library remains available as a catalog without flooding the agent's context.

Install

Codex

Install this repository as a plugin, then invoke Stark naturally:

Use Stark to redesign this dashboard around incident triage.

The Codex manifest is at .codex-plugin/plugin.json.

Claude Code

Add the repository as a plugin marketplace source:

/plugin marketplace add f0d010c/stark
/plugin install stark@stark

The compatibility manifest is at .claude-plugin/plugin.json.

Examples

Use Stark to design a React analytics dashboard for returning operators.
Prioritize scan speed, realistic states, keyboard use, and mobile replacement.
Use Stark to redesign this SwiftUI onboarding flow.
Preserve native conventions and prove recovery from denied permissions.
Use Stark to audit this landing page for generic structure, weak proof,
typography, accessibility, responsive behavior, and unnecessary libraries.

Capabilities

AreaWhat Stark decides
UXFlows, information architecture, first value, states, recovery, repeated-use ergonomics
WebSurface type, stack, composition, typography, copy, assets, responsive behavior, motion
NativeWindows, Apple, and Android idioms, controls, navigation, density, materials, accessibility
Cross-platformShared versus platform-owned behavior for Electron, Tauri, React Native, Flutter, and CMP
Design systemsTokens, component APIs, variants, state galleries, themes, density, drift checks
Audit and QAUsability, accessibility, visual quality, runtime behavior, repair priority, re-check evidence
MotionChoreography, ownership, fallbacks, reduced motion, performance budgets, acceptance frames

Included tools

  • Platform detector: python scripts/detect_platform.py --text "Build a WinUI settings app"
  • Token exporter: python scripts/token_export.py --input assets/tokens/fluent-2.json --target winui --output Resources.xaml
  • Deterministic plugin archive: npm run pack:plugin
  • Repository checks: npm run check

Token export targets are css, tailwind, swiftui, compose, and winui.

Repository map

SKILL.md                 Main router and context budget
skills/                  Platform and task-specific skills
references/              Narrow decision and implementation references
commands/                Explicit Stark modes
assets/                  Tokens, fonts, logo, and curated proof
scripts/                 Detector, token exporter, packaging, validation
evals/                   Trigger and design-quality evaluation cases
tests/                   Behavioral and repository-health tests

Development

Requires Python 3.12+ and Node.js 20+.

npm ci
npm run check
npm run pack:plugin

npm run check runs unit tests, strict marketplace lint, smoke prompts, local-link checks, context-budget checks, secret hygiene, line-ending checks, and archive validation.

See CONTRIBUTING.md, reference governance, and the review contract.

Scope

Stark is a prompt-and-reference plugin, not a component library. It works with the user's existing frontend or native stack and does not require a runtime dependency in generated applications.

The project can be distributed through npm in the future, but the current package is intentionally marked private while an install/doctor CLI and npm-specific user value are designed. The plugin archive remains the canonical artifact.

License

Apache-2.0. See LICENSE and NOTICE.

// faq

What is stark?

UI/UX design plugin for AI coding agents. Product flows, platform-native interfaces, asset planning, and reference analysis before code.. It is open-source on GitHub.

Is stark free to use?

stark is open-source under the Apache-2.0 license, so it is free to use.

What category does stark belong to?

stark is listed under plugins in the Claudeers registry of Claude-compatible tools.

0 views
25 stars
unclaimed
updated about 1 hour ago

// embed badge

stark on Claudeers
[![Claudeers](https://claudeers.com/api/badge/stark.svg)](https://claudeers.com/stark)

// retro hit counter

stark hit counter
[![Hits](https://claudeers.com/api/counter/stark.svg)](https://claudeers.com/stark)

// reviews

// guestbook

0/500

// related in Claude Plugins

🔓

A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.

// pluginsmultica-ai/203,096[ claude ]
🔓

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explainin…

// pluginsanthropics/Python141,574[ claude ]
🔓

"CLI-Anything: Making ALL Software Agent-Native" -- CLI-Hub: https://clianything.cc/

// pluginsHKUDS/Python47,363Apache-2.0[ claude ]
🔓

financial-services — a Claude ecosystem project on GitHub.

// pluginsanthropics/Python34,276Apache-2.0[ claude ]
→ see how stark connects across the ecosystem