Skills tagged "design" (831)

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

📋 Graphrag System Design
This skill guides you in designing complete GraphRAG systems, selecting patterns, stacks, and domain customizations for robust real-time reasoning.
aidatabasedatacloud
📋 Growth Loops
This skill helps you design, model, and optimize growth loops to drive compounding user growth across viral, content, paid, and sales engines.
growthanalyticsstrategyproduct
🧪 Gs Modularity Maturity Assessor
This skill assesses Clean Architecture maturity and Dependency Rule compliance to improve code quality and maintainability across domains.
backendrefactorcode-reviewtesting
🎨 Gsap Scrolltrigger
This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.
frontendperformanceautomationscripting
📋 Gtk Ui Ux Engineer
This skill crafts native-feeling GTK desktop apps following GNOME HIG, focusing on modern GTK4 patterns, theming, accessibility, and responsive theme-aware
designuxaccessibilitypython
📋 Halo Effect Psychology
This skill helps you leverage the halo effect to optimize first impressions, brand perception, and feature presentation across onboarding and marketing.
designuxproductbranding
🧪 Harden
This skill hardens interfaces by improving error handling, i18n, text overflow, and edge case resilience for production-ready experiences.
frontenduxaccessibilityperformance
🧪 Hashimoto
This skill helps you design developer-friendly CLIs with consistent patterns, helpful errors, and machine-readable output inspired by HashiCorp UX.
cliuxdesignproductivity
🎨 Html Presentation
This skill generates professional HTML presentations using reveal.js from markdown content, with responsive design, code highlighting, and speaker notes.
frontenddesignuxaccessibility
📊 Huashu Data Pro
This skill helps you analyze data, generate reports, and create visuals with expert insight to boost office efficiency.
dataanalyticsproductivitywriting
🧪 Hypothesis Testing
This skill helps you transform observations into testable hypotheses and rigorous experimental plans with clear falsifiability criteria.
testingunit-testsintegration-testsdata
🎨 Hyva Child Theme
This skill creates a complete Hyva child theme with proper structure and Tailwind setup for Magento 2 projects.
frontenddesignuxcli
⚙️ Icon Generation Skill
This skill generates customizable PNG icons with text and color options, enabling quick app icons, placeholders, or simple graphics.
designuxscriptingcli
🎨 Icon Retrieval
This skill retrieves up to five matching icon SVG strings from a library, helping you quickly source visuals for dashboards, designs, and infographics.
frontenddesignapijavascript
📋 Idea
This skill helps you transform raw ideas into validated MVP definitions by researching problems, identifying early customers, and scoping minimal features.
planningproductresearchux
📝 Ideate
This skill captures and documents a new idea in design/ideas with a summary, research, and an illustrative sketch.
designuxresearchproduct
Illustration
This skill generates high quality image prompts for AI image generators, tailoring subject, color, style, mood, and lighting for clear results.
designaicontentplanning
🎬 Image Generation
This skill generates and edits images using AI, enabling product placement, style transfer, and multi-image composites to boost visual storytelling.
aiautomationproductdesign
📋 Image Generation
This skill generates and edits images with Gemini via Python SDK, supporting text-to-image, edits, and multi-reference composition.
aiapiclouddesign
🧪 Image Generation
This skill helps you generate and edit images in various formats and aspect ratios, with upscaling and management capabilities.
aiautomationdesignux
Image Skill Builder
This skill helps you create a fully configured batch image generation Skill through guided questions, generating complete files and prompts automatically.
aiautomationdesignscripting
🎨 Imagen
This skill generates images using Google Gemini to create UI mockups, icons, diagrams, and illustrations for any project.
aifrontenddesignux
⚙️ Images
This skill generates on-brand blog post thumbnails for Skill Stack using a structured concept brainstorm and Gemini API workflows.
designbrandingcontentai
🎨 Immersive Visuals Router
This skill orchestrates multiple domain routers for immersive 3D visuals, shaders, particles, and audio to deliver cohesive experiences.
performancescriptingfrontenddesign
🧪 Implementation Verification
This skill verifies that implementations conform to documented specifications, checking interfaces, data models, and architecture to ensure compliance and
backendtestingcode-reviewdocs
🎨 Implementing Navigation
This skill guides implementing navigation and routing across frontend and backend, enabling accessible menus, routing patterns, and server-side configuration.
frontendbackendfullstackdesign
🎨 Infinite Tunnel
This skill helps you create mesmerizing infinite tunnel effects with Three.js and GSAP for immersive 3D scrolling experiences.
frontendperformancedebuggingdesign
📋 Influence Psychology
This skill helps you ethically apply Cialdini-inspired persuasion to product design, messaging, onboarding, and referrals, with scoring and actionable
marketingcopywritingdesignproduct
📋 Infographic
This skill helps you create impactful infographics quickly by applying ready-to-use templates for timelines, roadmaps, comparisons, and SWOT analysis.
designdatamarketingstrategy
📋 Infographic Creator
This skill helps you generate and customize infographic visuals from text using AntV Infographic, enabling quick, shareable data graphics.
aidatadesignux
🎨 Infographic Item Creator
This skill generates complete TypeScript infographic item components and registration logic for the repository, ensuring correct layout and compliance with
aifrontenddataanalytics
🎨 Infographic Structure Creator
This skill generates or updates infographic structure components in TypeScript projects, ensuring layout logic, composition, and correct registration per
frontendaidatadesign
📋 Infographic Syntax Creator
This skill generates AntV Infographic syntax output from user content, selecting templates, organizing data, and applying themes for clear visuals.
aidataanalyticsdesign
🎨 Interaction Design
This skill helps you craft engaging microinteractions and smooth transitions to improve usability and delight users across ui components.
designuxaccessibilityproduct
🎨 Interaction Physics
This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.
designuxaccessibilityfrontend
🎨 Interactive Study Guide
This skill converts a completed study guide markdown into an interactive, scroll-driven web experience with editorial typography and progressive disclosure.
frontenduxdesignjavascript
⚙️ Interview Plan
This skill conducts Socratic interviews to refine requirements into executable plans and directly invokes Plan mode for actionable outcomes.
aiautomationplanningproduct
🧪 Ios
This skill reviews SwiftUI code for HIG compliance, typography, and accessibility, ensuring Dynamic Type support and platform-specific guidelines.
designuxaccessibilitycode-review
🧪 Ios Design
This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.
designuxfrontendaccessibility
🧪 Ios Design Workflow
This skill orchestrates end-to-end iOS design workflow from idea to implementation, aligning with Apple HIG and generating actionable specs and tasks.
designuxproductivityplanning
🎨 Ios Hig Reference
This skill helps you quickly reference Apple iOS Human Interface Guidelines for design rules, components, and accessibility best practices.
designuxaccessibilityswift
🎨 Ios Mapkit
This skill helps you implement MapKit in SwiftUI for iOS 17+, enabling maps, user location, markers, routes, and geocoding.
frontenddocsdesignux
🎨 Ios Ux Prototype
This skill helps you create interactive iOS UX prototypes as self-contained HTML with phone frames and annotations to visualize flows.
designuxfrontendproductivity
⚙️ Isometric Asset Sheets
This skill generates isometric asset sheets with standardized red background, 6x5 grid, hyper-realistic assets, ensuring consistent projections for the city
aiautomationdesigntypescript
🧪 Issue Resolver
This skill analyzes GitHub issues, triages type and priority, and proposes concrete resolution plans using specification driven development.
aiautomationgitdesign
🧪 Jainism Ahimsa
This skill helps you navigate design and decisions with Ahimsa, Anekantavada, and Syadvada, minimizing harm while embracing multiple perspectives.
aiproductresearchdesign
🧪 Java Best Practices
This skill helps you apply Java best practices and design patterns, including clean naming, streams, and robust error handling.
backendperformancedesignrefactor
🎨 Json Canvas
This skill helps you create and edit JSON Canvas files for mind maps and flowcharts, organizing nodes, edges, and groups visually.
dataproductivityplanningdesign
🎨 Json Render Templates
This skill helps you generate UI templates like flowcharts, forms, dashboards, and galleries as ready-to-emit JSON payloads for rapid visualization.
frontenddataanalyticsdesign
🧪 Kaizen
This skill applies continuous improvement and error-proofing to code, architecture, and workflows, guiding small iterative changes that prevent errors and
refactorcode-reviewtestingdocs
📋 Kancolle Infographic
This skill generates island-inspired infographic visualizations for fleet collection style data using hand-drawn, white background layouts.
designdatabrandingai
🧪 Kiro Specs
This skill helps you generate a complete Kiro spec pack (.kiro/specs) including requirements with EARS, design, and executable tasks.
productplanningdocsdesign
🎨 Ladakhride Ui Review
This skill analyzes LadakhRide UI to feel human-made, suggests subtle improvements in spacing, animation, and storytelling for authentic, professional design.
designuxfrontendaccessibility
🧪 Landing Page Optimizer
This skill helps optimize landing pages for higher conversions by auditing copy, design, and UX, then delivering prioritized, testable improvements.
marketinggrowthcopywritingdesign
🧪 Laravel Interfaces And Di
This skill helps Laravel developers decouple code by defining narrow interfaces, injecting dependencies, and binding implementations in a service container.
backendrefactortestingcode-review
📋 Laravel Strategy Pattern
This skill enables runtime behavior selection using the Strategy pattern by binding multiple implementations to a shared interface across Laravel and Vue apps.
backendstrategyfullstackdesign
🧪 Latex Format Adapter
This skill analyzes external formatting specifications and automatically adjusts LaTeX configuration files to meet page layout, fonts, and heading styles.
formattingscriptingdocswriting
🔍 Lightweight Design Analysis
This skill analyzes Python code for design quality across eight dimensions, providing actionable findings with file:line references to guide refactors.
backendcode-reviewdesignrefactor
🎨 Liquid Glass
This skill helps you implement Liquid Glass UI in SwiftUI using the glassEffect API for modern, interactive, and morphing designs.
frontenddesignuxperformance
🎨 Liquid Theme A11y
This skill helps you implement WCAG 2.2 accessibility patterns in Shopify Liquid themes, improving keyboard, screen reader, and focus management across
accessibilityfrontendproductdesign

More Tags

automation (2852) ai (1981) testing (1811) scripting (1578) backend (1577) debugging (1526) code-review (1453) docs (1374) api (1339) frontend (1335) productivity (1208) devops (1189) data (1086) cli (1045) performance (1011) workflow (1004) security (854) analytics (853) python (679) ci-cd (645)

Get the best new skills
in your inbox

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