Apply AwesomeDS to any web UI, create a brand-specific design system by interview, review designs adversarially with screenshots, run UX design-thinking, and curate the design knowledge base.
Plugin awesome-ds from marketplace awesome-design-systems in Yu-aimaker/AwesomeDesignSystem. Commands read from the repo's manifest — yesterday.
This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.
awesome-dsApply AwesomeDS when building or restyling any web UI (landing page, app screen, component, form, dashboard, email-safe HTML). Use whenever the user asks for UI, frontend, CSS, Tailwind, shadcn, a "design", "make it look good", or a restyle, and no other design system is named. Wires tokens, restyle
design-thinkingUX design-thinking pass for a feature or product: personas with real constraints, user stories with acceptance criteria, a journey map, a Mermaid page flow with empty/error/loading states, a per-persona UI walk-through of screenshots, and prioritised recommendations mapped to AwesomeDS rules. Use wh
design-verifierAdversarial design review of a running URL or static UI files against AwesomeDS or the project's own DESIGN.md. Use when the user asks to "review the design", "check the UI", "does this follow the DS", "design QA", "audit accessibility/contrast", or before shipping a page. Runs a static audit, captu
ds-creatorCreate a product-specific design system starting from AwesomeDS. Use when the user asks for "a design system for X", "our brand DS", "make DESIGN.md for this product", "brand tokens", or wants to adapt AwesomeDS to a logo, colour or brand brief. Runs a one-question-per-turn grill, then produces DESI
html-reportWrite a one-page HTML report or plan. Use when the user asks for a report, a readout, an HTML plan, a status page, or a visual summary that a person will read. Outputs one self-contained HTML file on a white canvas with dark text, using AwesomeDS tokens. Does not build the marketing site.
knowledge-curatorAdd or update entries in this repository's Knowledge/ base, keep Reference/REFERENCE.md in sync, refresh the OSS star ranking, and propose AwesomeDS changes with a CHANGELOG entry. User-invoked only. Use for "add this to Knowledge", "record what we learned about X", and for the weekly research routi
slidesMake a slide deck as one HTML file, or edit a .pptx when the user already has one. Use when the user asks for slides, a deck, a presentation, or a 16:9 talk. Defaults to a white canvas and dark text. Does not add a page to the AwesomeDS site.
design-reviewerReviews UI in a fresh context that did not write it. Use after building or changing a page or component, before reporting UI work as done, or when the user asks to review, check, or QA a design. Pass the URL or path, the routes, and which DESIGN.md to judge against. It does not edit product code. It
node "${CLAUDE_PLUGIN_ROOT}/hooks/post-edit-audit.mjs"
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.