Every design lives in the project's design/ folder and runs both locally and on a Claude Design canvas: an interactive page and a components page per app, every component in one bundle, a Design System artifact for tokens, Preact signals, no build step. Brings in Anthropic's design, engineering and frontend-design plugins.
Plugin kouji-design from marketplace kouji in kouji-dev/kouji-ai-marketplace. Commands read from the repo's manifest — 2 days ago.
canvas-syncKeep the project's design/ folder, its Claude Design canvas and its Design System artifact identical — push local changes (each app folder a canvas page, each .dc.html an artboard, design-system/ to its own artifact and installed on the canvas) and pull back edits made on either. Use when the person
design-folderWhere every design goes and how it is laid out, so the same files run locally and on a Claude Design canvas. Use for ANY design, mockup, prototype, screen, page or UI work in a project — including designs made in Claude Design, a claude.ai artifact, Google Stitch or Figma — before writing a single f
import-designBring a design that exists elsewhere — a Claude Design canvas in another format, a claude.ai artifact, a Google Stitch or Figma export, an HTML mockup or a screenshot — into the project's design/ folder as an interactive app page, a components page and design-system components that run locally and o
new-design-appScaffold a new app in the project's design/ folder from the kouji-design template — its two artboards (the interactive app and its components page) on the project's one design system — and create that design system (tokens.json, README, one bundle.js and bundle.css, a card per component) when the pr
pages-and-stateHow pages, screens, navigation and state work in design/ — each app is two artboards, <app>.dc.html (the interactive app, every screen a hash-addressed section) and <app>-components.dc.html (every component, a left index), running locally and on a Claude Design canvas, with shared state through ds.p
web-componentsHow to write a component in design/ — a ds-<name> custom element in the design system's one bundle.js, its shadow CSS beside its class, rendering from attributes and signals, plus its card (README and preview) — so it runs locally and on a Claude Design canvas. Use whenever creating or changing a co
Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling
19 skills
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification
1 command · 6 agents
Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.
7 skills
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
1 skill
Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
1 skill · 4 agents · hooks
Build, preview, and test UI components with Storybook.
7 skills
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.