Neo-brutalist design system with oklch colors, 3-tier tokens, 20+ components, and a complete motion system. Includes skills for building, refactoring, auditing UI, generating scrolling pages, and creating slide deck presentations.
Plugin delightful-design-system from marketplace delightful-claude-plugin in kylesnav/delightful-claude-plugin. Commands read from the repo's manifest — 1 month ago.
This plugin runs code on your machine — it starts local MCP servers. The exact commands are listed below; read them before installing.
audit-with-delightfulThis skill should be used when the user wants to check any UI for Delightful Design System compliance. Common triggers include "audit with delightful", "check design system compliance", "scan for violations", "does this match delightful", "check my tokens", "audit this Figma", "review this design",
build-with-delightfulThis skill should be used when the user wants to build new UI using the Delightful design system — in any format. Common triggers include "build with delightful", "create a new page", "scaffold a UI", "make a component", "design in Figma with delightful", "build a form", or any request to construct
present-with-delightfulThis skill should be used when the user wants to create a presentation, slide deck, or showcase styled with the Delightful design system. Common triggers include "make a presentation", "presentation (delightful)", "delightful presentation", "create a slide deck", "build slides", "present with deligh
refactor-with-delightfulThis skill should be used when the user wants to refactor or migrate existing UI to the Delightful design system — in any format. Common triggers include "refactor with delightful", "migrate to delightful", "apply design system", "replace hardcoded styles", "convert to delightful tokens", "update my
delightful-auditorUse this agent to check code file compliance with the Delightful design system — scans for token violations, missing states, and accessibility gaps. For non-code audits (Figma, screenshots, live pages), use the /audit-with-delightful skill instead.
delightful-builderUse this agent to construct pages and components using the Delightful design system's tokens, neo-brutalist patterns, and interaction states.
delightful-composerUse this agent to assemble components into complete, production-ready page layouts with responsive behavior, dark mode, and visual hierarchy.
delightfulruns: npm start --prefix ${CLAUDE_PLUGIN_ROOT}/mcp-server
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.