Design AI skills, agents & prompts
How it looks, and whether it works when someone uses it. 223 listings — 150 skills, 11 agents and 62 prompts — each free, credited to its author, with the full source on its page. Filter and sort them →
Interface design
ImpeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden…Apple designApple's approach to interface design and fluid, physical motion, translated for the web. Use when building…Building AnimationsBuild an animation from scratch, making the decisions in the order that determines whether it feels right…BreakRenders a component you choose in every state and scenario on a temporary page and stress tests it.Change reviewReviews your work across multiple categories like UI, typography, layout, color, writing and accessibility…The ProblemCraft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data…Motion design filmDirect and render a 30–180 second motion-design film for anything — a product, app, startup, feature launch…Frontend designGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps…Design system extraction prompt kitThis prompt instructs Claude to crawl the entire codebase and extract every design-related token, pattern…Excel data to figma presentation designerTransform your weekly Excel data into a sleek, readable, and aesthetically pleasing Figma presentation format.Kickstart Prompt for Web UX & UI DesignA prompt to kick start a web design project. This prompt is the starting point for every design project in…Personal form builder app designDesign a personal form builder app similar to JotForm, focusing on ease of use, modularity, and customization.Website design recreator skillThis skill enables AI agents to recreate website designs based on user-uploaded image inspirations, ensuring…Design EngineeringThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the…
Android Mobile DesignMaster Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing…Design system patternsBuild scalable design systems with design tokens, theming infrastructure, and component architecture…Interaction designDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when…
iOS Mobile DesignMaster iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing…
FigmaUse the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to…
Figma implement designTranslate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow…Mobile designMobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance…UI design systemUI design system toolkit for Senior UI Designer including design token generation, component documentation…UI design systemUI design system toolkit for Senior UI Designer including design token generation, component documentation…UI designerUse this agent when designing visual interfaces, creating design systems, building component libraries, or…HTMLRenders the current session's output (analysis, research, red team, report, plan) as an extremely…WebdesignDesign and integrate web interfaces via three paths: DirectDesign (write design inline with Anthropic…Interface explanationHelps you figure out how something was built on the web.Interface reviewCombines all of the better-* skills into a single review across accessibility, layout, writing, typography…Interface writingFocuses on improving product copy in your project.LayoutHelps with grouping, alignment, reading order, progressive disclosure and other details that make a good…UI polishPolishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface…VariantsBuilds multiple variants of a component you're working on and helps you iterate and pick one.Muapi UI designGenerate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates…Feedback patterns for microinteractionsFeedback is how a microinteraction communicates its rules to the user. It answers the most fundamental…Interface adapters and frameworksInterface Adapters and Frameworks & Drivers form the two outermost circles of Clean Architecture. Interface…
iOS Human Interface Guidelines Design SkillDesign native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone…Loops and modes in microinteractionsLoops and modes are the long-term behavior of microinteractions. While triggers, rules, and feedback handle…Microinteraction case studiesDetailed design breakdowns of common UI patterns, analyzed through the four-part microinteraction structure…Microinteractions FrameworkDesign the small details -- triggers, rules, feedback, loops and modes -- that separate good products from…Refactoring UI Design SystemAudit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI…Rules and state in microinteractionsRules are the invisible engine of a microinteraction. Once a trigger fires, rules determine what happens…Signature moments in microinteractionsA signature moment is a microinteraction so distinctive, so perfectly crafted, that it becomes inseparable…Trigger design for microinteractionsA trigger is what initiates a microinteraction. It is the entry point -- the doorknob, the button, the…Web Interface GuidelinesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check…Design System Audit SkillAudit a design system for consistency, coverage, and quality. Use when asked to audit a design system…
Figma Annotation Guide SkillGenerate structured developer handoff annotations for a Figma screen or component. Use when asked to write…
Figma Component Audit SkillAudit a Figma component library for consistency, coverage gaps, and naming issues. Use when asked to audit…
Figma Design Brief SkillWrite a structured design brief for a Figma design task from a product requirement or feature request. Use…
Figma Design QA SkillRuns a pre-handoff QA checklist on a Figma design before it goes to engineering. Use when asked to QA a…
Figma Spacing System SkillDesign a spacing and layout token system for a Figma design system. Use when asked to create a spacing…
Figma User Flow Planner SkillPlan user flows and screen states for a Figma design before any designing starts. Use when asked to plan a…
Figma Variant Matrix SkillDefine component variants and states systematically for Figma. Use when asked to plan component variants…Design standardsApply production-grade design standards when building or reviewing pages, components, or UI. Use this skill…Design systemBuild or audit a design system including component library, design tokens, naming conventions, contribution…45 brief canvaDung khi designer se lam TREN CANVA hoac Figma va can direction thao tac cu the — chon template base, thu tu…45 design tool brief globalUse when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express…
Fighting game interface creationCreate a mid motion actionscene where both subject are in focuswith aThree-Quarter Angle in martial…
User flows
Accessibility
Accessibility complianceImplement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive…Accessibility testerUse this agent when you need comprehensive accessibility testing, WCAG compliance verification, or…AccessibilityHelps your project comply with accessibility standards and best practices.Accessibility (a11y)Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve…Accessibility auditRun a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and robust…Web checkupDesign, build, audit, and harden websites and web apps so they ship distinctive, secure, fast, accessible…
Web typographyGenerate production-grade CSS typography that follows professional typographic rules. Based on Butterick's…Frontend UI engineeringBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces…Pptx postersCreate and audit editable scientific posters in macro-free PowerPoint (.pptx) from author-approved local…Scientific visualizationCreate and audit truthful, accessible, publication-ready scientific figures with Matplotlib, Seaborn, or…Pptx quality gatesUse when validating or repairing an editable PPTX deck for geometry, accessibility, native editability…Screen reader testingTest web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen…Visual design foundationsApply typography, color theory, spacing systems, and iconography principles to create cohesive visual…Wcag audit patternsConduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance…Accessibility AuditorWeb accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when…Accessibility AuditAccessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across…
Apple hig expertAudits and designs iOS/macOS/watchOS/visionOS interfaces against the Apple Human Interface Guidelines…Design System — Onboarding + Shared Brand TokensCaptures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading +…ColorsHelps you build a color system and answer anything about color in your project. You can generate palettes…TypographyFocuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other…
Ios accessibilityEvery interactive element needs accessibility labels:Accessibility Audit SkillGenerate a WCAG 2.2 accessibility audit checklist and remediation suggestions for any UI or design. Use when…Brand Guardian AgentInvoke when marketing content needs quality control review — brand voice consistency checks, regulatory…Color Correction (measure, don't eyeball)Diagnose and fix video/image color OBJECTIVELY with the get_image (action:"analyze_color") tool…
Graphics & banners
Banner Design - Multi-Format Creative Banner SystemTell us what your banner is for and what it should say, and get back polished, ready-to-post cover and ad…Paper Poster (HTML): measurement-gated poster generationDEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single…
Qiaomu codex imagegenGenerate or edit images with Codex's built-in image generation from any agent, through an MCP tool or a…PromptfilmPromptfilm — turns one sentence into a researched 3D motion graphic — one self-contained real-time HTML file…Map designMake real, accurate maps as one self-contained HTML, SVG and PNG. Choropleths by country, state, province or…
Car poster${primary_text:Megane}{ "category": "STUDIO_RACE_CAR_SIDE_PROFILE", "subject": { "vehicle_type": "GT…
Create a cultural superhero movie posterDesigns an ultra-realistic cinematic movie poster featuring a superhero from a specific culture or country…Custom logo design for websiteCreate a custom logo for your website with specific design elements and style preferences.
Floating city island photoreal 4k posterSquare 1×1 photoreal poster of a floating island shaped like the city’s silhouette above white clouds. Blend…
High contrast stencil vector poster illustrationCreate a high-contrast vector poster illustration from an uploaded portrait, featuring a bold stencil…
Hollywood posterA premium theatrical crime-thriller posterInterstellar movie poster illustrationCreate an artistic illustration inspired by the movie Interstellar. The prompt involves designing a…
Lost in [Country] with ChatGPT Image 2Create a stylized travel poster / graphic collage for ${country}.
Minimalist fisherman illustrationCreate a minimalist vector illustration of a man fishing on the back of a giant whale, emphasizing themes of…
Minimalist landscape illustration by ryo takemasaThis prompt guides you to create a minimalist digital illustration inspired by Ryo Takemasa. The…Ocean’s Eleven Movie Poster IllustrationCreate a cinematic and highly detailed illustration of a Las Vegas casino heist at night. The image captures…
Travel poster"artstyle": "Modern Flat Vector Illustration",Graphic designerCreate LinkedIn post graphics. Decides between an HTML/CSS structured graphic or an AI-generated infographic…Create Goose Graphics FormatCreates a new graphics format spec (custom canvas dimensions + content rules) and publishes it to the…Social kitEnd-to-end composite that turns a single brief into voice-tuned X post variants, LinkedIn post variants, and…Art directionDirect visual and creative work for campaigns, photography, illustration, video, and branded experiences…Task bannerSet up (or toggle) a macOS desktop banner that appears whenever Claude Code finishes a task, showing a…30 thiet ke masterDung khi can TAO RA anh hoac prompt anh bang AI — anh thuong hieu ca nhan, logo, key visual campaign, anh…42 brief hinh anhDung khi can brief mot ANH TINH cho designer hoac photographer — banner, thumbnail, poster, anh feed: muc…42 image brief globalUse when ONE static image needs a full brief for a designer or photographer — visual objective, concept and…74 copy hai lopDung khi can viet slogan, headline poster hoac cau ngan co HAI LOP NGHIA — mat chu dung o hot/le/canh, lop…Sale Banner · 大促海报 / 店铺 BannerDesign promotional sale banners and store hero images for Taobao/Tmall (双11, 618, 年货节), Shopee/Lazada (9.9…Brand kitBuild a complete brand kit for B2B SaaS — logo design and usage, color palette, typography, voice and tone…Graphic Design for GTMCreate GTM visual assets — social graphics, ad creatives, pitch deck design, one-pager layouts, email…
Image → Motion GraphicTurn any still image into a professional motion graphic through the Novoads API on Seedance 2.5. Covers how…
Comic / Storyboard - Cloud Friend Scrapbook PosterA whimsical vertical poster featuring a smiling cloud in a blue sky above a nine-part hand-drawn…Comic / Storyboard - GPT Image 2 Wanted Poster Character PromptA prompt for generating a humorous wanted poster or arrest visual of an anime character, featuring random…Comic / Storyboard - Modern Comic Book Illustration StyleA prompt for generating modern comic-book illustrations with bold lines, cel-shading, and heroic proportions.Comic / Storyboard - Monochrome Ink Ballpoint Pen Zine PosterAn experimental graphic design prompt that creates an ultra-detailed monochrome black ink ballpoint sketch…Infographic / Edu Visual - Japanese Game Dev BannerThis prompt generates a promotional banner for a game development project featuring multiple AI-generated…
Infographic / Edu Visual - Mid-Autumn Festival Typography Poster PromptA prompt for generating a minimalist, experimental typography poster with a Mid-Autumn theme, featuring…
Infographic / Edu Visual - Minimalist Ceremony Poster Prompt for GPT Image 2A detailed prompt for generating minimalist, high-aesthetic posters with a sense of ceremony and rationality…
Infographic / Edu Visual - Regional Cultural Atlas PosterAn advanced prompt for creating a structured 2x2 grid poster that compares regional cultural aesthetics…
Infographic / Edu Visual - Tsing Hua Arts Festival Poster DesignA dual-panel promotional poster for the 2025 Tsing Hua University Arts Festival featuring colorful floral…Make a movie posterAnalyze the uploaded photo and detect the subject, mood, and atmosphere. Input: A reference image must be…Pirate wanted posterUsing the original image, recreate a pirate's wanted poster drawn on parchment. Input: A reference image…Product Marketing - Cycling Helmet Engineering Poster with Airflow VisualizationA prompt for creating a professional product poster for cycling helmets, focusing on airflow cross-section…Product Marketing - GPT Image 2 Camping Tent Poster Prompt: Night CoordinatesA prompt for generating a high-end camping tent poster featuring a glowing coordinate ground plane and ropes…Product marketing athleisure fashion poster comparisonA side-by-side comparison of GPT Image 2.5 and Nano Banana 2.1 generating a multi-panel athleisure fashion…Product marketing ceramic kiln fire growth rings posterA prompt for a contemporary ceramic museum-style poster. Features a celadon tea bowl surrounded by…
Product marketing GPT 2 sneaker ad poster promptA prompt for generating modern sneaker advertising posters with specific scene-based performance visuals and…
Product marketing GPT image 2 dessert poster promptA specialized prompt for creating dessert-themed commercial posters with temperature-based typography…
Product marketing GPT image 2 liquor poster design promptA highly detailed prompt for generating liquor advertisement posters using GPT Image 2, focusing on material…Product marketing headphone product poster promptA professional prompt for generating a commercial poster for headphones using GPT-2, featuring specific…Product marketing lamp light projection posterA prompt for creating a minimalist lamp advertisement poster where light beams pass through cutouts to form…Product marketing luxury fountain pen ink trace posterA prompt for generating a high-end stationery poster featuring a fountain pen and ink flowing along a folded…Product marketing mineral water contour refraction posterA prompt for a minimalist mineral water bottle poster featuring ice-blue horizontal contour lines that…Product marketing oriental tea commercial poster designA prompt for creating a minimalist, artistic commercial poster for Chinese tea brands, focusing on paper…Product marketing pet food poster with shadow dog illusionA prompt for creating a pet food advertisement poster where the shadow of a bowl and its contents forms the…Product marketing vinyl turntable groove city posterA prompt for a vinyl turntable poster where the record grooves rise up to form curved walls creating an…
Profile / Avatar - Geometric Cartoon Two-Person Interaction IllustrationPrompt for creating modern geometric cartoon illustrations of two characters interacting with UPA-style…
Social Media Post - Cozy Home Scrapbook Poster Prompt for GPT Image 2A detailed prompt for creating a vertical scrapbook poster that combines realistic interior photography with…
Social Media Post - Real Photo to Illustrated Memory Board PosterA prompt for transforming an uploaded reference photo into a premium editorial poster featuring a realistic…
Social media post dark silhouette poster design from photoA complex prompt for transforming uploaded photos into a split-layout poster: original photo on top, flat…
Social media post geometric editorial character posterA complex prompt for creating a flat geometric illustration poster based on an uploaded reference image…Social media post GPT image 2 vintage stamp poster promptA prompt to create a split-composition poster: top half original photo, bottom half vintage stamp…Social media post GPT image typography travel poster promptA structured prompt for generating high-end typographic travel posters using GPT Image. It uses a template…
Social media post minimalist staircase morning posterA motivational graphic design featuring a diagonal staircase, a walking figure, and bilingual typography…
Train station movie posterCreate a movie poster using the original image. Input: A reference image must be uploaded.Typography logo designCreate a typographic illustration shaped like a {OBJECT}, where the text itself forms the shape — bold and…
Youtube thumbnail cinematic vigilante graphic posterA high-contrast cinematic poster prompt featuring a masked vigilante in a tactical suit with bold typography…
Decks & layouts
Frontend slidesCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when…Diagram GeneratorCreate professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence…Visual explainerGenerate self-contained HTML visual explanations for systems, code changes, plans, data, and technical…html-ppt — HTML PPT StudioHTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all…Logo designProfessional logo and brand-mark design, from brief to production files. Guides discovery and the design…PR LensWHAT: Draws a code change or part of a codebase as an animated architecture or data-flow diagram, on its own…ReladrawWrite, render and edit diagrams in reladraw, a text diagram language where you say where things go, so the…KeynoteMake a product film in the style of a big tech launch keynote: the real product on stage, one confident…Live panelBuild a terminal-style, always-running animated architecture diagram (a "live panel") from a JSON config and…Core scenarios (what this skill handles)Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of…SpotlightTurn a website, a code project, footage or photos, and a description into a short video that brags (a…Legible explainerExplain a subject in the format that is easiest to understand, following Karpathy's output-format ladder…AstrologerCustom astrologer built in Gemini Gems. Pulls further data from specific websites for a more tailored…Investor pitch presentationAct as a business founder delivering a live pitch deck presentation to investors. Your goal is to engage the…Markdown and Mermaid WritingComprehensive markdown and Mermaid diagram writing skill. Use when creating any scientific document, report…Scientific slidesBuild slide decks and presentations for research talks. Use this for making PowerPoint slides, conference…Pptx deck contextUse when preparing the narrative, sources, and design context for a new editable PPTX deck.Pptx deck creation builderUse when creating, repairing, or auditing a production-ready editable PowerPoint (PPTX) deck from a brief…Pptx reference deck analysisUse when analyzing a reference PPTX for read-only structure, theme, typography, layout rhythm, diagnostics…Pptx slide specificationUse when authoring or repairing a coordinate-explicit JSON specification for an editable PPTX deck.Pptx visual assetsUse when selecting and placing approved supporting icons, images, SVGs, diagrams, or infographics in an…Communication excellence coachUse PROACTIVELY when reviewing email or message drafts, calibrating tone for an audience, practicing a…Marp slideCreate professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark…Slide Deck GeneratorGenerates professional slide deck images from content. Creates outlines with style instructions, then…/em:board-prep — Board Meeting PreparationBoard meeting preparation for the adversarial scenario, not the friendly one. Forces numbers-cold mastery…
Cs markdown HTML orchestratorDensity-first markdown-to-HTML converter. Routes long markdown files (≥ 100 lines per Shihipar's threshold)…
Markdown → HTML — Domain OrchestratorUse when a user wants to convert any markdown file in their Claude project into a single-file…
md-slides — Markdown deck → single-file HTML presentationConverts a markdown deck (slides separated by --- HR boundaries or by # H1 headings, with optional <!…TldrawRead, create, and edit tldraw .tldr canvas files deterministically — sketch hand-drawn-register diagrams…Deck generatorGenerate professional presentations with AI-generated images. Use when asked to create a deck, presentation…Board Deck Narrative SkillBuild the storyline and slide structure for a board presentation. Use when asked to create a board deck…Clinical Case Summary SkillWrite a structured clinical case summary or case presentation. Use when asked to write a clinical case…Investor Pitch Deck SkillBuild the narrative and slide structure for an investor pitch deck. Use when asked to create a pitch deck…PPTX Slide Auditor SkillAudit a PowerPoint presentation for layout issues, text overflow, visual hierarchy problems, and consistency…QBR Deck SkillBuild a Quarterly Business Review (QBR) deck structure and narrative for a customer account. Use when asked…Brand visual generatorWhen the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens…Marketing slidesCreate marketing slides, pitch decks, sales decks, and product presentations. Use when the user says "create…Webinar Script: Writing presentation script...Use this skill when the user says 'webinar script', 'webinar', 'live presentation', 'teach-to-sell', or…ProducerStructured producer who turns research insights into production-ready slide deck outlines and scripts…Pitch deck creationCreate professional investor pitch decks with structured content and visual design. Use when users need help…Pitch deck builderBuild investor-ready pitch decks and sales presentations — 10-11 slide structure, persona-customized per…VSL Copywriting — Slide-Per-Sentence Sales Video ScriptsWrite video sales letter (VSL) scripts in the house slide-per-sentence format — one sentence per slide…Presentation DesignerSales deck and pitch deck designer creating visual narratives that move buyers through decision journeysAI-Powered B2B Conference Keynote & Executive Speaking Script Intelligence EngineYou are a world-class speechwriter and B2B executive communications strategist.
Infographic / Edu Visual - Handwritten Style 3-Step Process SlideA prompt for creating a clean, friendly Japanese business slide featuring a 3-step process flowchart with…Presentation design contentYou are a world-class presentation designer with 15+ years of experience creating slide decks for Fortune…Webinar & Virtual Event Script & Presentation Architecture EngineYou are an expert B2B webinar scriptwriter and presentation architect.
Design critique
Brainstorming Ideas Into DesignsYou MUST use this before any creative work - creating features, building components, adding functionality…Brutal Design Review Of Your ProductDescribe your product or app and how customers use it; get back a blunt verdict with an exact list of what…
Figma Design Critique — PM Perspective SkillRuns a PM-perspective design critique focused on product outcomes and user goals, not aesthetics. Use when…
Figma Design Review SkillRuns a structured PM design review against product requirements. Use when asked to review a Figma design…47 design reviewDung khi da co THIET KE va can duyet truoc khi dang — cham diem 4 nhom brand consistency, hierarchy va do…47 design review globalUse when a finished DESIGN needs scoring and feedback — brand consistency, hierarchy plus readability plus…