By jadecli
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Audit UI code for WCAG compliance
Guided component creation with proper patterns
Review existing UI for issues and improvements
Initialize a design system with tokens
Expert accessibility specialist ensuring WCAG compliance, inclusive design, and assistive technology compatibility. Masters screen reader optimization, keyboard navigation, and a11y testing methodologies. Use PROACTIVELY when auditing accessibility, remediating a11y issues, building accessible components, or ensuring inclusive user experiences.
Expert design system architect specializing in design tokens, component libraries, theming infrastructure, and scalable design operations. Masters token architecture, multi-brand systems, and design-development collaboration. Use PROACTIVELY when building design systems, creating token architectures, implementing theming, or establishing component libraries.
Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-to-code workflows. Use PROACTIVELY when building UI components, designing layouts, creating mockups, or implementing visual designs.
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.
Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Curated Claude Code plugins for the jadecli workspace. Vendors plugins from upstream enterprise repos and hosts jadecli custom plugins.
plugins/
anthropic/ # Anthropic official plugins (LSP servers, PR review, etc.)
astral-sh/ # uv, ruff, ty — Python tooling
neondatabase/ # Neon Postgres serverless skills
cloudflare/ # Cloudflare Workers skills
stripe/ # Stripe development plugin
trailofbits/ # Trail of Bits security skills
huggingface/ # HuggingFace model/dataset skills
sentry/ # Sentry error monitoring
expo/ # Expo React Native skills
supabase/ # Supabase backend skills
vercel/ # Vercel deployment plugin
google-labs/ # Google Labs skills
microsoft/ # Microsoft Playwright, Amplifier
jadecli/ # Our custom plugins
Each vendor directory is vendored from its upstream source repo. See upstream.json for the full mapping.
Syncing from upstream:
scripts/sync-upstream.sh # sync all vendors
scripts/sync-upstream.sh stripe # sync a single vendor
.claude-plugin/marketplace.json is the plugin registry consumed by Claude Code. It follows the Anthropic marketplace schema.
upstream.jsonscripts/sync-upstream.sh <vendor>.claude-plugin/marketplace.jsonclaude --plugin ./plugins/<vendor>/<plugin-name>plugins/jadecli/<plugin-name>/.claude-plugin/ manifest.claude-plugin/marketplace.jsonnpx claudepluginhub jadecli/jadecli-claude-pluginsComprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Complete UI/UX design system for React Native & Next.js with 4 core skills
Design superpowers for Claude Code — 35 skills that teach your agent to ideate, research, generate, iterate, and ship beautiful UIs using Google Stitch MCP.
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Agents for UI/UX design, accessibility, and user experience optimization