Design
Meitu Skills
Comprehensive Meitu AI toolkit for image and video editing. Features include AI poster design, precise background cutout, virtual try-on, e-commerce product...
Design
Ui Design Guide
Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.
Design
forge-brutalist
Hard mechanical UI register with Swiss typographic print and military terminal aesthetics. Rigid grids, extreme type contrast, sans+mono pairing, utilitarian color, numbered sectio…
Design
cinematic-hyperframes
Cinematic motion design workflow for Hyperframes/Hyperframer and HTML-to-video product films. Use when creating or revising SaaS, app, ecommerce, launch, social, or brand videos th…
Design
gimp-inkscape
Create and manipulate images using GIMP, Inkscape, ImageMagick, FFmpeg, ExifTool, OptiPNG, jpegoptim, and pdftoppm via CLI. Use for resizing, cropping, compositing, text overlays, …
Design
discover-journey-map
Produce a customer journey map covering stages, touchpoints, emotional curve, pain points, moments of truth, and opportunity annotations. Output is a markdown artifact that may inc…
Design
forge-imagegen-mobile
Art direction for mobile reference screens. One screen per image, portrait device aspect, subtle straight-on phone frame, realistic status bar, authentic content, locked palette ac…
Design
building-tuning-panels
Builds live parameter tuning panels as floating developer overlays with sliders, toggles, color pickers, dropdowns, and spring controls wired to app values for real-time visual exp…
Design
forge-minimalist
Editorial product UI register with restrained three-color palette, crisp structure, generous whitespace, single accent moment, and type-driven design. Includes ready-to-paste palet…
Design
forge-imagegen-web
Art direction for website reference comps. One horizontal image per section, no mood boards, varied composition, locked palette across images, second-read moment per page. Includes…
Design
beverage-photography-master-github
Beverage commercial photography expert. Given a product image, automatically analyzes product → selects aesthetic style → builds Prompts → batch generates 5 × 4K images (dynamic sp…
Design
omd:reference-capture
Captures design tokens, structure, and visual references from a live brand site. Fetches homepage markup, inspects computed styles, and stores logos/screenshots under assets/_refer…
Design
html-ppt-zhangzara-sakura-chroma
Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes. Fits vintage Japanese cassette or TDK/Sony/Sakur…
Design
semiotics
Supports design and audit of icon systems, visual metaphors, signs, and naming surfaces prone to misreading. Covers icon/index/symbol, signifier/signified, denotation/connotation, …
Design
html-ppt-zhangzara-long-table
Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons. Ideal for hospitality, community brands, sup…
Design
ui-ux-pro-max
UI/UX design intelligence covering 67 styles, 161 palettes, 57 font pairings, 25 charts, and 16 stacks including React, Next.js, Vue, Svelte, SwiftUI, Flutter, and Tailwind. Use fo…
Design
visual-companion
Present layout options to the SME in plain language before prototype construction begins. Invoked after Discovery Plan approval to confirm visual structure and direction. Trigger p…
Design
customer-journey
Map customer journeys with touchpoint analysis, lifecycle stage management, and experience optimization from awareness through advocacy. Use when asked about customer journey, jour…
Design
design-first
Reach incremental design consensus before implementation: scope to structure, interactions, contracts, then build. Use for unclear scope in multi-component work, undefined feature …
Design
ux-accessibility-heuristics
Review or design user-facing product UX, usability, accessibility, forms, navigation, error/recovery copy, onboarding, checkout friction or WCAG basics. Use for heuristic evaluatio…
Design
ai-ui-generation
AI-assisted UI generation patterns for JSON rendering, v0.app, Google Stitch, Bolt Cloud, and multi-agent workflows. Includes prompt engineering for components and full-stack apps,…
Design
ds-rr-screen
Generate UI screens and interfaces using only components and tokens from the @romainrichardpro Design System. Apply to any screen, page, form, or layout requiring DS elements such …
Design
dsa-dark-patterns-anti-design
Review and eliminate dark patterns prohibited under DSA Article 25 including misleading cookie banners, confirmshaming, roach motels, and bait-and-switch tactics. Deliver code and …
Design
kidswear-photography-master-github
Professional kidswear photography generation system. Receives a white-background kidswear image, sequentially asks for model characteristics (gender/type/age group), recommends 6 m…
Design
sprite-forge
Generate game sprites, SVG characters, ASCII art, animated mascots, and isometric turnarounds from images or descriptions. Supports five modes: SVG characters, sprite sheets with a…
Design
design-ship
End-to-end design handoff to pull request: imports a handoff bundle, generates Storybook stories and Playwright tests, runs diff-aware browser verification, and opens a PR with bun…
Design
huashu-design
Deliver high-fidelity HTML prototypes, interactive demos, animated presentations, mobile mockups, and visual variants when users need polished visual output. Use for design explora…
Design
beauty-photography-master
Transforms product photos into luxury advertising visuals or short video ads. Handles product identification, creative direction, prompt engineering, campaign generation, visual QA…
Design
Excalidraw Flowchart
Create Excalidraw flowcharts from descriptions. Use when user asks to "create a flowchart", "draw a diagram", "visualize a process", "make a flow diagram", "architecture diagram", …
Design
design-phase
Autonomously generates DESIGN/*.md files from planning summaries and self-verifies via spec-audit. Learns and unifies formats from existing specification documents. Use for Phase 1…
Design
visual-consistency
Enforce visual consistency across all UI in a prototype. Before implementing any UI element, scan for similar existing elements and match their exact className, spacing, and compon…
Design
omd:asset-fetch
Replaces placeholder slots in product UIs with verified free-license CDN assets instead of generic SVGs. Supplies logos, illustrations, icons, photos, fonts, and patterns via curat…
Design
html-ppt-zhangzara-pink-script
Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury. Ideal for nocturnal, intentional, luxe work: fashion brand decks, creator…
Design
customer-experience
Customer experience strategy, journey mapping, or retention optimization. Also use for customer journey, NPS, retention, churn, onboarding, customer satisfaction, loyalty, service …
Design
packaging-print-production
Guides tabletop game print production from digital files to retail-ready output. Handles color management, dielines, paper selection, finishing, nesting, inserts, and unboxing expe…
Design
accessibility-inclusive-design
Design, audit, and improve accessibility and inclusive user experiences. Use for WCAG, keyboard navigation, focus states, screen readers, ARIA, contrast, captions, reduced motion, …
Design
claude-design-to-swiftui
Converts Claude design prototypes or HTML into production SwiftUI code. Fetches the source, generates a single View file, integrates it into an Xcode workspace, builds, and iterate…
Design
html-ppt-zhangzara-soft-editorial
Cormorant Garamond serif on warm paper with sage, blush, and lemon accents. Fits literary, elegant, unhurried tone for editorial features, longform brand stories, gallery and museu…
Design
html-ppt-zhangzara-mat
Dark sage canvas with bone paper and burnt-orange accent; mid-century modern with wood undertones. Suited for mid-century, tactile, intentional work: design studio credentials, arc…
Design
html-ppt-zhangzara-scatterbrain
Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand and Zilla Slab type stack. Matches designer's whiteboard feel for brainstorms, workshops, creative-agency crede…
Design
html-ppt-zhangzara-signal
Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight. Ideal for weighty, considered, institutional work: investor decks, board presentat…
Design
ui-ux-methodology
UI/UX reference containing 50+ visual styles, 161 palettes, 57 font pairings, 161 product types, 99 guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, S…
Design
aws-drawio-architecture-diagrams
Generates professional AWS architecture diagrams in draw.io XML format using official AWS Architecture Icons. Handles VPC layouts, multi-tier architectures, serverless designs, net…
Design
design-perspective
Integrates design principles, WCAG 2.2 AA accessibility, persona context, and state design into product decisions. Use when reviewing UX decisions, checking accessibility, applying…
Design
ux-compare
Compare UX patterns across multiple reference apps by analyzing pattern libraries. Identifies convergence, divergence, unique elements, and gaps across apps, then produces recommen…
Design
unslop-ui
Enforces clean UI/UX patterns when generating frontend code. Avoids repetitive colors, icon-in-rounded-square motifs, emoji overuse, excessive serif fonts, glassmorphism, gratuitou…
Design
aesthetic-anchor
Apply one of eight fixed visual systems—Swiss, Industrial, Brutalist, Aurora Maximalism, Chaotic Maximalism, Retro-Futuristic, Organic, or Lo-Fi—locking palette, typography, and te…
Design
html-ppt-zhangzara-monochrome
Ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color. Fits hand-typeset ledger style: user research synthesis, white papers, longform reports, academic…
Design
omd:remember
Records user design preferences and corrections into .omd/preferences.md. Triggered by phrases like 'remember this', 'going forward never X', or when omd:apply detects a correction…
Design
reversa-designer
Migration team agent operating in two phases: proposes modern topology alternatives then designs new system specs under the chosen topology, producing target architecture, domain m…
Design
color-theory-palette-harmony-expert
Expert in color theory, palette harmony, and perceptual color science for computational photo composition. Specializes in earth-mover distance optimization, warm/cool alternation, …
Design
player-onboarding
First Time User Experience (FTUE) design that teaches through play, hooks players in 30 seconds, and retains them for life. Use when tutorial, onboarding, teach player, first time …
Design
design-consultation
Understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font and color preview …
Design
html-ppt-zhangzara-retro-zine
Beige paper with green accent and Bebas Neue + Caveat: a riso-printed zine in HTML form. Matches printed, lo-fi, crafted tone for indie zines, publications, music and arts brands, …
Design
design-polish
Final quality pass fixing alignment, spacing, consistency, interaction states, and micro-details before shipping. Executes changes directly. Triggers on polish requests, finishing …
Design
uml-modeling
Design, critique, and revise UML diagrams from a modeling and communication perspective. Supports reasoning about diagram form, abstraction level, boundaries, grouping, and selecti…
Design
figma-slides
Create and edit Figma Slides decks: list, create, duplicate, reorder, or delete slides; read the slide grid; add text and shapes; set backgrounds and transitions (dissolve, slide-f…
Design
p5js
Builds browser-based interactive visuals, generative art, data visualizations, 3D scenes, and motion graphics with p5.js. Supports 2D/3D rendering, particle systems, shaders, audio…
Design
deer-sense
Sense accessibility barriers with gentle awareness. Listen to the forest, scan for obstacles, test the paths, guide toward inclusion, and protect all wanderers. Use when auditing a…
Design
design-plan
Creates and maintains persistent design plan files for non-ticket architecture discussions. Auto-triggers on design discussions; accumulates decisions as files rather than memory; …
Showing the top 60 of 2,399. See the full list →