Get a week free of Claude Code →

Skills tagged "design" (787)

787 Claude Code skills tagged "design". Test each skill in the interactive playground.

📋 Ui Ux Designer
This skill guides user-centered UI/UX design with design systems, accessibility, tokens, and cross-platform patterns for scalable interfaces.
designuxaccessibilityresearch
🎨 Update Release Notes
This skill updates the release notes by adding new PR entries to next.mdx and archiving when a new version is published.
releasedocsautomationscripting
🎨 Use_interesting_fonts
This skill helps you elevate frontend typography by selecting high-impact Google Font pairings and enforcing distinctive, consistent styles.
frontenddesignbrandingux
📋 Ux Ui Audit
This skill analyzes user experience and identifies usability issues, delivering actionable UX improvements and metrics insights for informed design decisions.
uxanalyticsdesignresearch
📋 Visionos Immersive Media Developer
This skill helps you implement immersive and spatial video on visionOS by managing VideoPlayerComponent, immersive modes, transitions, and comfort mitigations.
pythonaiuxaccessibility
🎨 Visualizing With Mermaid
This skill helps you create clear, professional Mermaid diagrams with dark mode styling and semantic colors for focused architecture visuals.
frontendapidocsdesign
🎨 Vue Fsd
This skill helps you structure large Vue 3 projects with Feature-Sliced Design, enforcing layers, public API, and scalable boundaries.
frontenddesignrefactorcode-review
🎨 Web Design Mastery
This skill helps you craft production-grade UI with consistent spacing, typography, color, and depth using Refactoring UI-inspired principles.
designuxfrontendaccessibility
🎨 Write Release Notes
This skill guides you to craft complete release notes for tldraw SDK, ensuring clear structure, voice, and attribution across releases.
releasewritingdocsapi
🧪 Writing Specs Designs
This skill helps you write effective specs and design documents by guiding fidelity, prototyping, and focus on moving pieces.
designuxproductwriting
🐛 0xsero Vision
This skill analyzes images and diagrams to describe UI elements, extract text, note confidence, and flag issues.
aianalyticsdesignux
📋 3b1b Style Animation
This skill helps you create engaging 3Blue1Brown style mathematical animations with Manim, focusing intuition, visuals, and structured pedagogy.
designuxcontent
🎨 3d Graphics
This skill helps you build high fidelity 3d web graphics with three.js, delivering interactive scenes, animations, and efficient rendering across devices.
frontendperformanceautomationdesign
🎨 A2ui Templates
This skill helps you generate on-demand A2UI templates for flowcharts, forms, dashboards, and galleries to visualize structured data.
designuxfrontendproduct
🎨 A2ui_skills
This skill generates A2UI protocol v0.8 compliant UI code and JSONL messages to build agent-driven surfaces across platforms.
frontendapidataux
📋 Accelint Persona Review
This skill critiques Figma designs from operator personas, aligning UX with their roles, tasks, and systems to reduce cognitive load.
designuxresearchproduct
🧪 Accessibility
This skill helps you implement WCAG-compliant accessibility across your app by guiding semantic HTML, keyboard navigation, and ARIA patterns for inclusivity.
uxfrontendtestingdesign
🧪 Accessibility
This skill ensures WCAG 2.2 AA compliance for the frontend by enforcing semantic HTML, keyboard navigation, focus management, and accessible forms.
frontenduxdesigntesting
🧪 Accessibility By Default
This skill helps you build accessible web experiences by default, enforcing keyboard usability, semantic markup, and inclusive contrast throughout.
frontendaccessibilitytestingcode-review
🧪 Accessibility Review
This skill performs manual accessibility reviews against WCAG AA, identifying issues and suggesting practical fixes to improve inclusivity.
accessibilityfrontenduxtesting
🔍 Add Pattern
This skill helps you capture and organize Langroid design patterns into well-structured notes for future reference.
clicode-reviewwritingdesign
🎨 Adding Animations
This skill helps you apply consistent Framer Motion animations across components, using stagger, hover, and reduced-motion patterns for accessible motion.
frontendreacttypescriptaccessibility
📝 Adr Writer
This skill helps you create and maintain Architecture Decision Records in Confluence to document architectural decisions and design choices.
docswritingplanningdesign
🔍 Advisor Collaboration
This skill provides independent architecture reviews and code feedback from an advisor-level expert to sharpen designs and quality.
aicode-reviewdesignstrategy
🔍 Aep
This skill helps you design, review, and implement APIs per AEP core standards ensuring consistency and machine-readable designs.
apibackenddesignplanning
🔍 Agent Creator
This skill helps you create structured agent definitions for Claude Code, including plugin and user agents, with frontmatter, capabilities, and usage examples.
aiautomationcode-reviewdocs
🧪 Agent Creator
This skill guides you to design, configure, and refine AI Agents by defining goals, prompts, and capabilities for specialized workflows.
aiautomationdesignplanning
⚙️ Agent Design
This skill helps you configure agent profiles, define capabilities, and orchestrate complex workflows with subagents and commands.
aiautomationbackenddesign
🛡️ Agent Development
This skill helps you design autonomous agents for Claude Code plugins by guiding markdown YAML frontmatter setup and system prompts.
aiautomationdesigncode-review
🔍 Agent Native Audit
This skill performs a comprehensive agent-native architecture audit by launching parallel sub-agents to score and report on eight core principles.
pythoncode-reviewdesignai
🔍 Agent Native Reviewer
This skill reviews code to ensure agent-native parity, enabling agents to perform every user action and see the same data.
aicode-reviewdesignpython
⚙️ Agent Team Orchestrator
This skill analyzes task features to decide between Agent Teams or Subagent, enabling parallel collaboration and cross-functional coordination.
automationaiproductivityplanning
🎨 Ai Elements
This skill helps you create AI Elements interface components following shadcn/ui patterns and Vercel AI SDK conventions for rapid integration.
frontendreactnextjstypescript
🎨 Ai Loading Ux
This skill helps design AI loading UX by guiding reasoning displays, progress steps, and streaming indicators to reduce perceived wait time.
aiuxdesignfrontend
🔍 Aidlc Skill
This skill orchestrates AI-DLC structured software development across inception and construction phases, guiding requirements, design, and implementation with
aiplanningdesigncode-review
⚙️ Aippt2
This skill converts article content into ASCII PPT frames, generates themed images, and compiles a complete presentation for rapid delivery.
aiautomationapidesign
🧪 Alignment Review
This skill reviews code changes for alignment with OpenEnv principles and RFCs, accelerating safe PR reviews and consistent design.
code-reviewdebuggingdesignlinting
🐛 Altinity Expert Clickhouse Schema
This skill analyzes ClickHouse table designs, partitions, ORDER BY keys, and materialized views to identify anti-patterns and optimization opportunities.
databasesqldataperformance
🎨 Analyse Design
This skill reverse-engineers a design system from code and screenshots to produce a developer-ready design reference for components.
designuxfrontendpython
🎨 Anduril
This skill applies Anduril design constraints to UI work, ensuring sharp corners, single accent usage, and accessible, lightweight typography.
designuxaccessibilityfrontend
🎨 Angular Component
This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and
frontendaccessibilityrefactordesign
🎨 Angular Directives
This skill helps Angular developers create reusable directives for DOM manipulation, behavior extension, and composition across components.
frontenddesignproductivity
🎨 Angular Material
This skill helps you integrate and theming Angular Material components efficiently, promoting proper module imports, styling, and UI consistency.
frontenduxaccessibilitydesign
🎨 Angular Material 19
This skill helps you implement Angular Material 19 theming, timepicker, CDK drag-drop, and dark mode to build cohesive, accessible UIs.
angularfrontendtypescriptdesign
🎨 Ant Design Guide
This skill helps you query Ant Design 5.x component APIs, props, and patterns with accurate guidance and best practices.
frontenddesigndocsux
🎨 Ant To Shadcn Migration
This skill migrates Ant Design components to shadcn/ui with Tailwind, generating layout skeletons and guiding aggressive CSS cleanup for Next.js App Router.
migrationfrontendrefactordesign
🎨 Antd Skills
This skill automates Ant Design development tasks, delivering code generation, standardization checks, design-to-code conversion, and migration guidance to
frontendautomationcode-reviewmigration
🛡️ Api Contract Design
This skill helps you design, document, and review REST, GraphQL, and OpenAPI contracts for consistent, evolvable APIs that developers love.
apibackenddesignsecurity
🛡️ Api Design
This skill helps you design REST APIs with best practices, validation, and standardized response formats for robust backend endpoints.
restapibackenddesign
🐛 Api Design
This skill guides RESTful API design using resource-oriented principles, enabling consistent, scalable endpoints with JSON responses and proper error handling.
apibackenddesigndocs
🔍 Api Design
This skill helps you design consistent API interfaces and DTOs with unified ApiResponse, camelCase fields, and validation at command boundaries.
apibackenddesignpython
🛡️ Api Guidelines Rfc 39
This skill helps design and review RFC-39 compliant Java REST APIs with standardized patterns for requests, responses, errors, pagination, versioning, and
apibackenddesignsecurity
🧪 Apollo Federation
This skill helps you author Apollo Federation subgraphs by guiding directive usage, schema patterns, and composition troubleshooting for a cohesive supergraph.
graphqldesigndebuggingtesting
🎨 App Icon
This skill generates iOS 26-ready app icons for React Native Expo projects using AI, handling styling, formats, and Android adaptive icon readiness.
designfrontendautomationcli
📋 App Store
This skill helps optimize App Store assets and captions by planning screenshot sequences and messaging to boost ASO and user engagement.
copywritingmarketinggrowthbranding
🎨 Applying Fsd Architecture
This skill helps you architect frontend projects with Feature-Sliced Design by guiding layers, slices, segments, and dependency rules for scalable code.
frontendrefactordesignproductivity
🎨 Arc Diagrams
This skill generates Arc-compatible architecture diagrams as JSON from user input, enabling quick visualization of systems in React apps.
frontendapidatabasecloud
🛡️ Architect
This skill designs scalable system architectures, selects viable tech stacks, and documents decisions to meet functional and non-functional requirements.
backendapisecurityperformance
⚙️ Architecting Agents
This skill helps you design robust AI agent architectures and optimize context management using proven patterns like subagents, isolation, and memory.
aiautomationdesignplanning
📋 Architecting Memory
This skill guides designing persistent memory architectures for AI agents, advancing from Vector RAG to GraphRAG to Temporal Knowledge Graphs.
aidatadesignplanning

More Tags

automation (2772) ai (1905) testing (1783) backend (1548) scripting (1540) debugging (1486) code-review (1426) docs (1343) api (1308) frontend (1279) productivity (1166) devops (1160) data (1050) workflow (1015) cli (1007) performance (984) security (836) analytics (822) python (653) ci-cd (633)

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.