Get a week free of Claude Code →

Skills tagged "design" (787)

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

🧪 Gentleman Bubbletea
This skill helps you implement and navigate Bubbletea TUI screens in the Gentleman installer, streamlining state, input handling, and screen transitions.
cliscriptingdebuggingtesting
🔍 Godot Camera System
This skill configures and optimizes Godot 2D camera systems for multi-character games, delivering smooth follow, dynamic framing, and adaptive view controls.
debuggingperformancedesignproductivity
🧪 Godot Tdd
This skill orchestrates the Godot TDD flow, coordinating design, tests, implementation, and verification to ensure code quality and rapid feedback.
testingdesignpythoncode-review
⚙️ Godot Ui Designer
This skill generates a complete Godot 4.5 UI system from natural language descriptions, including responsive layouts, menus, HUDs, and dialogs.
designuxaccessibilityperformance
🔍 Gof Patterns
This skill helps reviewers identify GoF design pattern opportunities in Jakarta EE and MicroProfile code, improving structure and maintainability.
designrefactorcode-reviewbackend
Google Image Gen
This skill generates images from text prompts using the Google Gemini API, enabling quick creation and editing of visuals.
aiapidesignautomation
🔍 Graphql Schema Design
This skill guides GraphQL schema design by applying best practices for types, fields, pagination, naming, and documentation to improve clarity and
backendapidocsdesign
🎨 Gui Design Principles
This skill guides GUI design by applying visual hierarchy, color theory, typography, and responsive layouts to create accessible, usable interfaces.
designuxaccessibilityfrontend
Image Generate
This skill generates high-quality hand-drawn or standard images from user prompts, with smart prompt optimization and auto-save features.
aiautomationdesigncloud
🧪 Implementation Approach
This skill helps you select and document a robust implementation strategy using meta-cognitive analysis, risk control, constraints, and verification plans.
aistrategyplanningdesign
🔍 Interface Segregation
This skill helps you design focused interfaces by applying the Interface Segregation Principle, avoiding throw and no-op methods and promoting cohesive,
designrefactorcode-review
🧪 Interview
This skill guides a deep, structured interview to produce a detailed spec file for any project by clarifying goals, constraints, and tradeoffs.
docsdesignuxapi
🎨 K Fenui
This skill helps you build consistent, themed FenUI WoW addons by guiding layout, widgets, and theming across panels, frames, and tabs.
frontenduxaccessibilitydesign
📋 Layer Definitions
This skill helps assign L1-L5 pedagogical layers to content, ensuring prerequisites and progression align with AI involvement.
aicontentstrategydesign
📋 Lecture Designer
This skill helps instructors transform textbook chapters into engaging, evidence-based lectures with Google Slides, guiding outcomes, narrative design,
designcontentaccessibilitywriting
🎨 Makepad Basics
This skill helps you create and modify Makepad apps using live_design patterns, app structure guides, and event handling examples.
frontenddesignuxdocs
🎨 Maps
This skill helps you create interactive map visualizations with topojson and dotted maps, enabling choropleth coloring, pins, and regional insights.
vuefrontenddataanalytics
🧪 Mcp Server Design
This skill guides designing MCP servers optimized for agent reasoning, providing task-focused tools, minimal complexity, and actionable guidance for scalable
aibackenddesigndevops
Media Generation
This skill generates images and videos from text prompts or edits visuals using StableStudio's x402 models for fast, high-quality visual content.
aiapiautomationcloud
⚙️ Miro Skill
This skill helps you create and manage Miro boards for strategy, architecture, and sprint planning using MCP with color-coded elements.
strategyplanningproductivitydesign
📋 Module Development
This skill helps you design and integrate modular Python applications with the myfy module protocol, lifecycle phases, and extension patterns.
backendapidatadesign
⚙️ Nano Banana Build
This skill generates and edits high-quality images using Gemini Nano Banana models, enabling text-to-image, style transfer, and precision edits.
aiautomationpythonapi
Nano Banana Prompting
This skill guides you in crafting effective Nano Banana Pro prompts by clarifying intent and applying proven prompting techniques.
aidesignuxcontent
📋 Notion Infographic
This skill converts articles into a cohesive set of Notion-style hand-drawn infographics for social media sharing and visual storytelling.
designcontentsocial-mediamarketing
⚙️ Nsfc Schematic
This skill helps you generate editable NSFC schematics and deliver embedded visuals from proposals, enabling multi-round optimization and editable .drawio
aiautomationdesignpython
🎨 Obsidian Canvas
This skill creates Obsidian Canvas visuals with automatic layouts and color-coding, helping you organize knowledge maps, timelines, and weekly readings.
pythonplanningdesignproductivity
📋 Paywall Upgrade Cro
This skill helps you optimize paywall and upgrade CRO to boost conversions without harming trust.
growthuxcopywritingproduct
⚙️ Ph Thumbnail Creator
This skill helps you design scroll-stopping Product Hunt thumbnails and GIFs that communicate value quickly and boost clicks.
designmarketingproductcontent
📋 Photographer Lindbergh
This skill generates Peter Lindbergh inspired black and white portraits with raw beauty, natural light, and emotional depth for timeless, unretouched imagery.
aidesignbrandingcontent
🎨 Playground
This skill creates interactive single-file HTML playgrounds with live preview and prompt output to explore topics visually.
frontenddesignscripting
🧪 Prd Skill
This skill guides you from idea to implementation-ready PRD using an integrated toolset, delivering structured requirements, design handoffs, and coordinated
productplanningdesignux
📋 Product Background Generation
This skill generates professional studio or lifestyle backgrounds tailored to product aesthetics and brand positioning for compelling e-commerce visuals.
productbrandingdesignmarketing
📋 Product Photography Kit
This skill transforms product photos into marketing-ready variants including white-background, lifestyle scenes, multiple angles, and overlaid copy.
productmarketingcopywritingsocial-media
Pw Aippt Old
This skill automatically generates AI-powered PowerPoint decks from templates by converting PDFs, extracting style, creating prompts, generating images, and
automationdesigncontentproductivity
🧪 Pythonista Nicegui
This skill helps you build consistent NiceGUI interfaces by enforcing controller-first design, inline styling, and reusable components for reliable UI behavior.
frontenddesignproductproductivity
🎨 React Component Generator
This skill generates production-ready React components with TypeScript, Tailwind CSS, and Zustand, accelerating UI development and ensuring consistency.
frontendfullstackdesignux
🧪 Scientific Luxury
This skill helps you enforce the Scientific Luxury design system for new React components, UI styling, and animations, ensuring OLED black and spectral colours.
designfrontenduxperformance
⚙️ Script_to_ppt
This skill converts Markdown drafts into visually engaging PPT presentations with themed colors, structured slides, and automated image generation.
pythonaiautomationcontent
🧪 Sdd Planning
This skill transforms specifications into actionable technical plans, guiding architecture, components, and implementation steps to accelerate delivery.
planningdesign
🎨 Shadcn Base
This skill helps you navigate and apply Base UI patterns from shadcn/ui, accelerating component usage, theming, and forms integration.
frontenddesignuxshadcn
🎨 Shadcn Svelte
This skill helps you implement accessible shadcn-svelte UI patterns and trigger snippets for Dialog, Tooltip, Dropdown, and Sheets.
frontendaccessibilitydesignux
📋 Social Proof Psychology
This skill helps you design landing pages and conversions by applying social proof tactics to build trust and boost actions.
marketinggrowthbrandingcopywriting
🧪 Solid Principles
This skill analyzes Python code to apply and validate SOLID principles, highlighting violations and offering actionable refactor suggestions for maintainable
code-reviewrefactordesignpython
🧪 Speckit Plan
This skill generates a detailed implementation plan from a feature spec using a template, delivering data-model, contracts, and quickstart artifacts.
automationapidatadesign
🎨 Stitch
This skill generates UI screens from text prompts, exports to React components, and creates DESIGN.md design systems to accelerate UI workflows.
designuxreactautomation
⚙️ Stl Generator
This skill generates parametric 3D printable woodworking jigs in CadQuery, optimized for the Elegoo Neptune 4 Pro and metric units.
pythondesignautomation
🧪 Storybook
This skill helps you document UI states and design decisions with Storybook artifacts for review by engineers and QA.
designdocsuxaccessibility
📋 Strategic Build
This skill helps you distinguish strategic from tactical work using LNO, Three Levels, and pre-mortems to guide architectural and product decisions.
aistrategyproductplanning
Suno Ai Mastery
This skill helps you craft professional Suno AI v4/v4.5 songs with advanced prompt engineering and dynamic arrangement guidance.
aiproductivityresearchdesign
🎨 Svg Icon Best Practice
This skill unifies SVG icon management in React TypeScript projects by converting inline SVGs into reusable components and enforcing naming and migration
reacttypescriptmigrationrefactor
🔍 Swiftui Engineer
This skill helps you design, review, debug, and modernize SwiftUI macOS apps with clear architecture and best practices.
debuggingcode-reviewmigrationdesign
🎨 Table Filters
This skill analyzes table columns and delivers a unified header filter with adaptive filter components for an optimal filtering UX.
frontenduxdataanalytics
🎨 Tailwindcss Development
This skill helps you style applications with Tailwind CSS v4 by guiding responsive, dark-mode, and component extraction patterns.
frontenddesignuxdebugging
🎨 Tesla Dashboard Ui
This skill helps you design and implement a Tesla-inspired dashboard UI for iPad using atomic design, dark glassmorphism, MapKit navigation, and media controls.
designfrontendaccessibilityproduct
📋 Theme Evaluation
This skill evaluates theme accessibility and WCAG contrast, identifying color, typography, and dark-mode issues to improve compliance and UX.
accessibilityuxdesign
🧪 Ti Ui
This skill guides you through Titanium SDK UI patterns, performance, and platform-specific components to optimize layouts and interactions.
frontenduxaccessibilityperformance
🧪 Tool Design
This skill helps design and optimize agent tools, improving tool descriptions, consolidation, and interfaces for reliable multi-agent systems.
designautomationapidebugging
🎨 Ui Design A11y
This skill helps you audit and fix web accessibility issues for WCAG compliance, providing actionable code fixes and guidance.
accessibilityfrontenddesigncode-review
🧪 Ui Design Review
This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.
designuxaccessibilityai
🎨 Ui Engineer
This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.
frontenddesignuxtailwind

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.