Get a week free of Claude Code →

Skills tagged "design" (787)

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

Nano Banana
This skill generates images with Google's Nano-Banana model, enhancing prompts for higher quality visuals and faster creative results.
aidesignbrandingscripting
📋 Nano Banana Pro
This skill generates or edits images using Google's Nano Banana Pro API, preserving user intent and saving results to the current working directory.
aiapidesignux
Nano Banana Pro
This skill helps you generate and edit images using Nano Banana Pro, applying prompts and edits to produce outputs in multiple resolutions.
aiautomationapicloud
Nano Banana Pro Prompts Recommend Skill
This skill recommends matching Nano Banana Pro image prompts from a large library to suit user needs and content.
aicontentmarketingdesign
🧪 Nano Banana Use
This skill helps you generate, edit, and compose images using Gemini Nano Banana models with configurable prompts, models, aspect ratios, and safety levels.
pythonaiscriptingcloud
🎨 Nanobanana Ppt Skills2
This skill generates polished PPT slides from your documents with AI-driven visuals, transitions, and an interactive playback viewer.
aiautomationdesignproductivity
🎨 Nextjs Code Structure
This skill guides structuring Next.js apps using Feature-Sliced Design and Server Components to improve scalability and maintainability.
frontendfullstackdesignrefactor
📋 Notion Template Business
This skill helps you build and scale Notion template businesses into real revenue by design, pricing, marketing, and marketplace strategies.
designmarketingstrategyproduct
🎨 Obsidian Canvas Creator
This skill converts text into interactive Obsidian Canvas visuals, generating mind maps or freeform layouts to organize content spatially.
aidesignuxproduct
🎨 Og Image
This skill generates Open Graph images aligned with your design system and configures meta tags to optimize social sharing.
frontendbrandingseosocial-media
🔍 Open Closed
This skill helps you apply the Open/Closed Principle by guiding you to add new behavior via extensions rather than modifying existing code.
designrefactorcode-reviewbackend
📝 Openapi Spec Generation Skill
This skill generates OpenAPI 3.0 YAML from simple JSON definitions, scaffolding endpoints and responses to accelerate API documentation.
apibackenddocsautomation
🧪 Openlark Api
This skill helps you implement and validate Feishu OpenPlatform APIs by guiding path, templates, and RequestOption conventions.
apibackenddesignrefactor
📋 Openspec Explore
This skill helps you explore ideas and clarify requirements in a thinking mode, without implementing code, guiding questions and visual thinking.
aidesignresearchplanning
🎨 Opentui Projects
This skill helps you scaffold OpenTUI projects with templates, examples, and best practices to accelerate learning and production-ready setups.
frontendclitypescriptdesign
🎨 Overview
This skill explains the Agent Runtime purpose, architecture, and value, outlining how it orchestrates isolated AI agent workloads and streams data to apps.
backendaiapifrontend
⚙️ Oxi E16 Config
This skill helps you create and edit .oxie16 scene files for the OXI E16 MIDI controller, translating complex mappings into clear encoder configurations.
javascriptproductdesign
📋 Paper Slide Deck
This skill generates professional slide decks from academic papers, auto-detects figures, and creates outline-driven, ready-to-share presentations.
aiproductivitydocsdesign
⚙️ Particle Systems
This skill helps you design and optimize particle systems and visual effects for polished, performant game graphics.
performancedesignproductscripting
🧪 Particles Router
This skill routes particle tasks to GPU, physics, and lifecycle specialists, delivering recommended combinations for optimal effects.
performanceproductivitydocsai
🧪 Pattern Ui
This skill enhances UI polish by applying layout and styling patterns to pattern-ui components, ensuring responsive structure and two-way data bindings.
frontenddesignuxperformance
🛡️ Payment Integration Skill
This skill helps you implement secure payment integrations and PCI-compliant billing with Stripe, PayPal, and Adyen across checkout and subscriptions.
backendsecurityapidesign
⚙️ Pdca
This skill manages the entire PDCA cycle end-to-end, guiding planning, design, implementation, analysis, and iteration for faster feature delivery.
aiautomationplanningdesign
🎨 Pellicule Skills
This skill helps you create videos with Vue using Pellicule, providing zero-config rendering and motion tooling for rapid visual storytelling.
frontendproductivityscriptingai
⚙️ Pencil Basics
This skill helps you work with Pencil MCP design files by guiding .pen handling, node layouts, and batch design operations.
designuxscriptingproductivity
🎨 Performance
This skill helps you boost Next.js and React performance by applying ARC-aligned layout, SVG, and typography optimizations.
performancefrontenddesignautomation
⚙️ Personal Brand Video Skill
This skill helps you create premium Remotion-based personal brand videos with a complete storyboard, design system, and implementation plan.
designcontentgrowthproduct
🎨 Pf Component
This skill helps generate PF frontend React UI components following PF conventions for atoms, molecules, organisms, and app components.
frontenddesignproductivity
🎨 Phase 3 Mockup
This skill helps you rapidly create trendy UI mockups and wireframes without a designer, with HTML/CSS/JS ready for Next.js components.
frontenddesignuxaccessibility
🎨 Pixel Perfect Ui
This skill converts Figma designs into production-ready Next.js components with pixel-perfect accuracy and automated visual validation.
frontendnextjsdesignux
📋 Plan
This skill converts research into a rigorous architecture plan with 5 artifacts, guiding design, patterns, and risk mitigation through interactive checkpoints.
planningdocsdesignresearch
🛡️ Plan Viz
This skill visualizes planned changes as ASCII diagrams with risk, execution order, and impact metrics to inform review.
planningaidataanalytics
🧪 Platonic Code Review
This skill validates code against RFCs and design specs, generating a comprehensive report of gaps and inconsistencies without changing the code.
code-reviewtestingapidesign
🧪 Platonic Init
This skill initializes Platonic Coding infrastructure for any project, scaffolding config, templates, and RFCs while recovering missing design specs.
automationdocsplanningdesign
🔍 Platonic Workflow
This skill orchestrates the full Platonic Coding workflow from design to code review, ensuring phase visibility and seamless handoffs across all stages.
aiautomationplanningproductivity
⚙️ Plg
This skill helps design product-led growth experiences that drive activation, onboarding, and self-serve conversions to fuel growth.
productgrowthdesignanalytics
⚙️ Plotting Visualization
This skill guides you through OmicVerse plotting workflows for bulk, color systems, and single-cell visualizations, enabling reusable palettes and embedding
dataanalyticsresearchproduct
⚙️ Ppt
This skill generates complete PowerPoint presentations from outline, template and content, delivering structured slides tailored to audience and objectives.
pythonautomationdataanalytics
⚙️ Ppt Creator
This skill creates persuasive, ready-to-deliver slide decks from topics, including outlines, charts, speaker notes, and multiple export formats.
aiautomationdataanalytics
⚙️ Pptx Generator
This skill generates and edits professional PPTX slides and LinkedIn carousels, applying brand layouts and ensuring batch safety.
aiautomationdesigndocs
🧪 Prd
This skill generates high-quality PRDs for software features including executive summaries, user stories, technical specs, and risk analysis.
productdocsplanningai
📋 Prd Generation
This skill generates lean, actionable PRDs from design thinking artifacts, guiding development with structure without enterprise bloat.
productplanninguxwriting
🛡️ Prd V06 Architecture Design
This skill converts TECH-, RISK-, and FEA- inputs into ARC- entries and coherent system designs that guide implementation.
backendapidesignsecurity
📋 Presentation Builder
This skill helps you generate brand-aligned PPTX presentations with structured briefs and validation steps for pitch, roadmap, and product decks.
productdesignuxcontent
📋 Presentation Design
This skill helps you design compelling presentations by applying evidence-based structure, visuals, and storytelling to maximize clarity and audience
designuxcontentbranding
📋 Presentation Design
This skill helps you design and evaluate presentations that maximize audience understanding with evidence-based structure and visuals.
designuxaccessibilitycontent
📋 Presentation Partner
This skill collaborates with you to transform ideas into Talk Track v5 by interviewing, structuring, and calibrating narration for cohesive presentations.
writingcontentstrategyplanning
🎨 Pretty Mermaid Skills
This skill renders Mermaid diagrams as SVG or ASCII, with multiple themes and diagram types for fast, beautiful visualizations.
frontenddesignaccessibilityproductivity
📋 Problem Framing
This skill helps you transform fuzzy product ideas into validated problem statements, target users, and jobs-to-be-done for actionable design.
productplanningresearchdesign
🧪 Product
This skill generates UI/UX specifications and wireframes from PRD and architecture, delivering UX_SPEC.md and DESIGN_SYSTEM.md for iOS/macOS apps.
designuxproductdocs
🧪 Product Development Flow
This skill helps turn a simple product idea into a deliverable software product through an eight-stage collaborative development flow.
productplanningdesigndocs
📋 Product Tryon Visualization
This skill generates realistic product try-on visualizations to accurately depict fit, drape, and scale across diverse models for e-commerce.
aiproductuxdesign
🛡️ Programming Rails
This skill helps you apply Rails best practices across models, controllers, services, and jobs to improve structure, performance, and security.
railsrubybackendrest
📋 Promo Video
This skill creates professional promotional videos with Remotion, AI voiceover, and background music, delivering polished, branded outputs for product launches.
marketingbrandingcopywritingcontent
Prompt Export
This skill translates design artifacts into a stepwise prompts.md for Claude Code, enabling incremental code generation from problem framing to final polish.
designuxproductcli
🎨 Prompt Pro
This skill helps you design autonomous, reasoning-focused agent orchestration using ToT and ReAct patterns to optimize prompt engineering.
aiautomationproductivityscripting
🎨 Push Notification Designer
This skill designs and implements local push notification campaigns to boost mobile engagement with on-device timing and personalization.
react-nativefluttertypescriptdesign
🧪 Pw Cover Image
This skill generates hand-drawn style article covers by analyzing content and producing ready-to-use visuals with optional titles and aspect ratios.
designbrandingcontentsocial-media
Pw Image Generation
This skill guides you through style analysis, prompt design, and per-image confirmation to generate consistent, cost-efficient AI images.
aiautomationscriptingdesign
Pw Redbook Image
This skill converts articles into a Xiaohongshu style image series with cover, content and ending images, generating prompts and handling multi-source input.
aiautomationdesigncontent

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.