Three-mode design system tool for Claude Code: **Generate** (scan CSS/Tailwind/styled-components, propose design tokens, emit `DESIGN.md` + `design-tokens.json` + interactive HTML preview), **Audit** (score UI 0-10 across colour, typography, spacing, components, dark mode, a11y, etc. with file:line fixes), and **AI Slop Detection** (catch generic gradients, glass morphism, purple-blue defaults, gratuitous animation). Use to start a new design system, audit existing styling, or review styling-touching PRs.
Skill that extracts a complete design system from an existing website, HTML file, or screenshot into a DESIGN.md file — analyzing colors, typography, components, spacing, and atmosphere via Playwright browser automation and HTML inspection. Output is optimized for the design-loop skill.
Accessibility skill for building accessible design systems following WCAG 2.2 AA standards, part of the Accessibility Agents collection that helps AI agents ensure UI components meet accessibility requirements.
Applies and blends 50+ professional design styles to components, enabling cohesive and distinctive AI-powered visual aesthetics.
A design system skill from Sentry, the open-source error tracking and performance monitoring platform for detecting, tracing, and fixing issues across applications.
A design system skill from a curated agent skills collection providing specialized development patterns and workflow automation.
A product development skill package providing frameworks for product strategy, roadmap planning, user research analysis, and feature prioritization for product teams.
A Claude Code plugin for creating distinctive, production-grade frontend UIs that avoid generic AI aesthetics, based on Anthropic's frontend design blog post.
A professional Claude Code skills marketplace featuring 37 production-ready skills for enhanced development workflows.
Ship-ready code from your AI coding agent. 139+ plugins for quality gates, tooling, memory, and specialized agents — so your AI writes code that's ready to merge. Part of TheBushidoCollective/han.
Ship-ready code from your AI coding agent. 139+ plugins for quality gates, tooling, memory, and specialized agents — so your AI writes code that's ready to merge. Part of TheBushidoCollective/han.
Claude Code plugin for creating distinctive frontend UIs with effective typography pairings, custom color palettes, asymmetric layouts, and purposeful animations inspired by Anthropic's frontend design approach.
Fluxwing UX design skills for Claude Code - AI-native component and screen design using the uxscii standard