Agent Plugins Marketplace
← All plugins

uikit

v0.6.0

Project-aware onboarding and UI skills: find your next step with /uikit:what, define the system as a live /uikit/design-system route in the project’s own stack, prototype features as flow definitions rendered at /uikit/flows from the real components, and implement them natively without design-system drift.

Claude Code4 Skills

By vincent1 GitHub starsUpdated last week

Directory evidence

Runtimes
Claude Code
Parsed components
4 skill or MCP entries
Source updated
Sep 16, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install uikit for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install uikit@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/tuanddd/uikit

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.

Plugin files

uikit/
├── .claude-plugin/plugin.json
├── skills/implement/SKILL.md
├── skills/init-design-system/SKILL.md
├── skills/prototype/SKILL.md
└── skills/what/SKILL.md

Included Skills4

implementskills/implement/SKILL.md

Translate a feature's flow (a definition plus its dev route, or a legacy HTML file) into working code in the current project. Inspect its screens, states, and UI, adapt to the actual tech stack, and reuse the approved design system with zero drift. Use for /uikit:implement or requests to implement a feature flow in an existing codebase.

init-design-systemskills/init-design-system/SKILL.md

Build a project's design system as a live route at /uikit/design-system plus a working component setup in the project's own stack — OKLCH colors, typography, spacing, radius, borders, layered shadows, logo, and components authored natively (React/shadcn, Astro, or Svelte/Bits UI). Use when the user asks for a "design system", "brand design system", "design tokens", "style guide", or "brand guidelines". Reuses tokens already in the repo instead of inventing new ones. The viewer imports the real components, so it cannot drift. Output is code-ready, not a mood board.

prototypeskills/prototype/SKILL.md

Prototype a feature as a flow definition in docs/flows/ plus a dev route at /uikit/flows/ that renders every step from the project's real components — the decisions and the shipped products they rest on, and a ledger of where the drawing drifts from the system. Researches flows through the paid Mobbin MCP and checks it is connected before starting. Only runs when explicitly invoked; it does not trigger on its own.

whatskills/what/SKILL.md

Help users choose their next UIkit step after installation or whenever they feel lost. Use for /uikit:what, questions about which UIkit skill fits their situation, or how to resume a UIkit project. Inspects existing project context and gives read-only guidance.

Plugin manifests1

.claude-plugin/plugin.json
{
  "$schema": "https://anthropic.com/claude-code/plugin.schema.json",
  "name": "uikit",
  "version": "0.6.0",
  "description": "Project-aware onboarding and UI skills: find your next step with /uikit:what, define the system as a live /uikit/design-system route in the project’s own stack, prototype features as flow definitions rendered at /uikit/flows from the real components, and implement them natively without design-system drift.",
  "author": {
    "name": "vincent",
    "email": "[email protected]"
  },
  "homepage": "https://github.com/tuanddd/uikit",
  "repository": "https://github.com/tuanddd/uikit"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[uikit on Agent Plugins Marketplace](https://pluginsmp.com/plugins/uikit)