Design & Media
Design agent skills guide AI agents through visual and UX work: UI mockups, design systems, image and asset workflows, and design reviews. A skill keeps the agent aligned with your design language instead of improvising a new style each session.
-
goodchengwang Bundle Naive Monochrome Breakout PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and an entirely black-white-gray, slightly naive hand-drawn subject emerging from one solid black rectangular field below. Use for odd, witty, restrained art-publication illustration with imperfect ink or photocopy lines; do not use for color accents, smooth vectors, pure silhouettes, chaotic scribbles, cartoons, 3D scenes, or multi-photo collages.
-
goodchengwang Bundle Photo Enamel Travel Badge PosterEdit each user-supplied photograph into its own 3:4 premium travel poster with truthful photography above and a source-derived collectible enamel fridge magnet or metal badge below. Use for recognizable souvenir reinterpretations of places, people, animals, plants, food, objects, vehicles, or landscapes; do not use for cartoon stickers, plastic 3D icons, generic round badges, e-commerce product shots, or multi-photo collages.
-
goodchengwang Bundle Photo Structure Blueprint PosterEdit each user-supplied photograph into its own 3:4 premium poster with a truthful photographic upper half and a source-derived transparent structural blueprint below. Use for precise editorial, technical-diagram, X-ray, sectional, or archival treatments; do not use for multi-photo collages, full-scene filters, mechanical-part clutter, or cyberpunk HUD graphics.
-
goodchengwang Bundle Public Issue Tension Line PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a restrained conceptual black-line image below, translating source direction, connection, contradiction, pressure, and release into one tense wire-like path with sparse thorns or knots. Use for public-issue, social-observation, art-publication, and experimental editorial work; do not use for decorative abstraction, unsupported political claims, realistic line drawing, colorful fills, 3D, or multi-photo collages.
-
goodchengwang Bundle Retro Modernist Editorial PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a recognizable retro-modernist flat illustration with a 3–5 color source-derived palette and rigorous editorial typography below. Use for bold classic-poster and contemporary design-system treatments; do not use for realistic illustration, 3D rendering, UI graphics, stock-vector scenes, decorative nostalgia, or multi-photo collages.
-
goodchengwang Bundle Editorial Layered Papercut PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and one recognizable handmade layered papercut composition with rigorous editorial microtype below. Use for restrained collectible paper-art interpretations with clear foreground, middle ground, background, and negative space; do not use for children's crafts, crowded paper dioramas, repeated subjects, plastic 3D, e-commerce displays, or multi-photo collages.
-
manhvann Bundle Ck UI UX Pro MaxUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
-
goodchengwang Bundle Fairytale Dark Field Print PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a low-detail fairytale print below, where one or two blunt source-derived masses are enclosed, cropped, or guided by a large dark structural field and a few bright story signals. Use for authorial picture-book, handmade print, and editorial illustration across people, animals, architecture, objects, and nature; do not use for realistic scenes, glossy cartoons, smooth vectors, 3D, or multi-photo collages.
-
goodchengwang Bundle Geometric Memory Microtype PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a sparse, source-recognizable geometric memory on ivory paper with integrated editorial microtype below. Use for quiet art-book, architecture-journal, exhibition-catalog, and collectible compositions centered on geometry and blank space; do not use for icons, arbitrary abstraction, decorative collage, commercial templates, or multi-photo layouts.
-
goodchengwang Bundle Selective Memory Editorial PosterEdit each user-supplied photograph into its own 3:4 premium editorial memory poster with truthful real photography above and a spacious, theme-led selective-memory reconstruction below. Use for poetic visual diaries, independent-publication posters, and image-to-memory reinterpretations; do not use for multi-photo collages, literal full-scene redraws, or ordinary photo filters.
-
goodchengwang Bundle Four Layer Brush City Hanzi PosterEdit each uploaded photograph into its own premium 3:4 poster with four exact equal-height translations: truthful photography, flat hand-painted brush illustration, Japanese-stationery minimalist city travel vector art, and giant-Hanzi photographic reconstruction. Use for strict single-photo four-stage posters; do not use for multi-photo collages, unequal splits, or unrelated scene redesigns.
-
goodchengwang Bundle Korean Naive Flat Editorial PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a bright, slightly naive Korean-style flat editorial illustration below, using rounded geometry, broken hand-drawn black contours, and a limited source-derived palette. Use for playful independent-publication and picture-book treatments; do not use for photo cartoon filters, polished vector stickers, anime, 3D, dense scenes, or multi-photo collages.
-
goodchengwang Bundle Monochrome Breakout Drawing PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a clean black-white-gray hand-drawn subject emerging from one solid black rectangular field below, with at most one tiny source-derived color accent. Use for witty contemporary editorial illustration; do not use for pure silhouettes, rough doodles, smooth vectors, colorful cartoons, 3D scenes, or multi-photo collages.
-
goodchengwang Bundle Photo Folk Rubbing Geometry PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and one meaning-led folk-catalog rubbing graphic organized by a source-derived geometric matrix below. Use for restrained cultural, archival-print, and modern graphic interpretations; do not use for realistic redraws, generic traditional motifs, loose material collages, arbitrary geometry, or multi-photo layouts.
-
goodchengwang Bundle Small Subject Acrylic Cover PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a tiny, highly recognizable paper-textured acrylic cover illustration below, using fine unstable lines, no more than four source-derived colors, and vast blank space. Use for art-book, independent-publication, and refined picture-book cover treatments; do not use for watercolor, crayon, colored pencil, pure line art, realistic painting, glossy digital illustration, or multi-photo collages.
-
goodchengwang Bundle Surreal Dynamic Field Print PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a tiny recognizable subject inside one vast source-derived motion field below, rendered with 2–3 color screenprint/Risograph grain. Use for quiet, solitary, poetic, lightly surreal experimental-editorial work; do not use for multiple effects, large hero portraits, digital gradients, realistic light, commercial advertising, or multi-photo collages.
-
goodchengwang Bundle Bold Editorial Collage Cover PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a bold layered magazine-cover collage below, built from one source-derived motif, repeated graphics, saturated flat color, rich print texture, an English masthead, and a Chinese narrative title. Use for fashion-forward, brand-like editorial reinterpretations; do not use for generic travel posters, forest templates, e-commerce layouts, cartoons, glossy 3D, or multi-photo collages.
-
goodchengwang Bundle Black Crayon Silhouette Story PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and one rough, rounded black crayon or charcoal silhouette story on nearly white paper below, using white cutout features for recognition. Use for quiet, warm, odd, humorous, or lonely old-picture-book editorial work; do not use for smooth vector silhouettes, precise line art, gray gradients, color, 3D, stickers, or multi-photo collages.
-
goodchengwang Bundle Handwritten Observation Atlas PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a loose handwritten observation atlas of small source-derived objects, close-ups, sections, repetitions, and sensory notes below. Use for warm picture-book, sketchbook, art-publication, and everyday-life information pages; do not use for strict grids, standard icon sets, commercial sticker sheets, dense scrapbooks, or multi-photo collages.
-
goodchengwang Bundle Isometric Metaphor Manuscript PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a source-derived isometric subject organized by one geometric metaphor amid faint Renaissance-style study marks below. Use for airy Japanese-toned editorial reconstructions where theme controls space; do not use for ordinary 3D models, faithful exploded studies, engineering diagrams, game scenes, or multi-photo collages.
-
goodchengwang Bundle Meaningful Chinese Embroidery PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and one meaning-bearing Chinese silk-embroidery image below. Use when the source should be distilled through selective stitching, luminous thread color, unfinished contours, and Eastern negative space; do not use for full-photo embroidery filters, all-over traditional patterns, aged linen craft displays, or multi-photo collages.
-
goodchengwang Bundle Minimal Isometric Paper Model PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a quiet minimal isometric subject presented as a small paper model or architectural maquette below. Use for collectible editorial miniatures with source-derived limited color, fine ink edges, subtle shadow, and abundant blank space; do not use for impasto, layered paper craft, game scenes, plastic CGI, or multi-photo collages.
-
goodchengwang Bundle Philosophical Continuous Line PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a highly distilled philosophical black-line image on warm paper below, using silence, relational distance, and at most one tiny source-derived color accent. Use for meditative art-book and collectible conceptual work; do not use for realistic line drawings, decorative abstraction, vector icons, cartoons, commercial layouts, or multi-photo collages.
-
goodchengwang Bundle Four Quarter Photo Translation PosterEdit each uploaded photograph into a separate premium 3:4 poster with four exact equal-height style translations: original photography, flat vector travel illustration, humanist geometric relief, and pastel impossible-space 3D. Do not use for collages or unequal splits.
-
goodchengwang Bundle Photo Geometric Emotion Window PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a materially real subject passing through one narrow source-derived geometric color window below. Use for restrained luxury, property, seasonal, cultural, and editorial compositions with Eastern blank space; do not use for generic color bars, sticker cutouts, dense advertising layouts, product cards, or multi-photo collages.
-
goodchengwang Bundle Bilingual Retro Naive Editorial PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and an airy, recognizable retro-naive hand-drawn editorial reinterpretation below, using a high-key limited palette and mixed watercolor, gouache, pencil, oil-pastel, and dry-brush texture. Use for bilingual or user-language-aware fashion, travel, picture-book, and art-publication compositions; do not use for literal tracing, polished vectors, commercial cartoons, 3D, e-commerce graphics, or multi-photo collages.
-
goodchengwang Bundle Four Layer Editorial Transition PosterEdit each uploaded photograph into a separate premium 3:4 poster made of four exact 25%-height horizontal style translations: truthful photography, retro-modernist flat illustration, ink dry-brush fashion editorial, and minimalist halftone screen print. Use for strict single-photo four-stage visual evolution; do not use for multi-photo collages, approximate splits, or unrelated redraws.
-
goodchengwang Bundle Isometric Healing Block Sculpture PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a source-derived isometric sculpture of rounded healing-color blocks below. Use for airy editorial photo-and-modular-sculpture treatments; do not use for LEGO replicas, pixel art, children's cartoons, glossy toy renders, or multi-photo collages.
-
goodchengwang Bundle Gestalt Negative Space Screenprint PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and one two-read Gestalt silhouette screenprint below, where a recognizable subject and one source-backed hidden image share contours and negative space. Use for poetic editorial optical figures in soft Morandi color; do not use for two-object overlays, busy illustrations, hard optical puzzles, cartoons, or multi-photo collages.
-
goodchengwang Bundle Isometric Watercolor Structure Study PosterEdit each user-supplied photograph into its own 3:4 premium poster with truthful photography above and a source-faithful isometric structural watercolor study below. Use for restrained editorial decomposition of architecture, objects, people, animals, plants, vehicles, interiors, streets, or landscapes; do not use for generic exploded diagrams, anatomical disassembly, speculative mechanisms, technical UI, or multi-photo collages.
-
ricardodantas Bundle Apple DesignComprehensive Apple Human Interface Guidelines (HIG) and design system reference. Covers Liquid Glass (iOS 26+), SF Symbols, Icon Composer, typography, color, layout, accessibility, navigation patterns, UI components, and platform-specific guidance for iOS, macOS, watchOS, tvOS, and visionOS. Enables building properly designed Apple apps that feel native and follow current Apple design standards.
-
orron Bundle Epic InfographicsCreate polished, professional infographic images from data, facts, or a topic. Builds a self-contained HTML/CSS+SVG page in one of several fully-specified design languages, renders it to PNG with a bundled script, then reviews and fixes its own output. Can also choreograph the same file with CSS animation and render it to MP4/GIF. Use when the user asks for an infographic, a visual summary, a stats poster, a social graphic, a one-pager image, an animated infographic or short data video, or "turn this data into an image."
-
lin-0427 Bundle Visual AcceptanceRender a page in a real browser, compare it against a reference design image (PNG/JPG/WebP or a Figma export), then diagnose, fix and verify the difference with pixel, layout, DOM and runtime evidence. Use when asked to make a page match a screenshot, implement a design pixel-perfectly, fix visual or responsive differences from a mockup, run visual QA or a visual regression check against localhost, or check that frontend code matches Figma. Not for backend-only work, API behaviour, or accessibility audits on their own.
-
bbdao111-afk Bundle Business Poster Generator按「素材收集 → 方案选版 → 成品输出」三步门禁流程,从产品彩页、方案 PDF/Word 或客户案例介绍中提炼商业卖点,生成风格严格区分的产品宣传海报或客户案例海报。强制先收集必选素材、先让用户从多个大标题/背景/版式方案中选择,拿到确认后才输出成品。支持中文展示字体选版、复杂字清晰度保护、300 DPI 印刷级导出。适用于中文 B2B 科技、云计算、IT 基础设施与企业服务营销;不用于普通活动海报或纯艺术海报。
-
marso-design Bundle Aesthetics WikiComprehensive knowledge base of ~1,200 internet visual aesthetics (Cottagecore, Vaporwave, Dark Academia, Cybergoth, Weirdcore, Coquette, and many more), with structured data (colours, hex palettes, motifs, values, related aesthetics, subgenres, era, platforms) plus full descriptions and moodboard generation. Use whenever the user wants to identify, name, describe, compare, or combine an aesthetic or "vibe"; find aesthetics by colour palette, decade, mood, or motif; discover related or adjacent aesthetics; build a moodboard or style guide; or design/theme something (outfit, room, brand, playlist, website/UI, poster) in a specific aesthetic. Triggers on "aesthetic", "vibe", "moodboard", "core", "what's it called when...", or any named aesthetic.
-
hasuwini77 Skill 3d LogoCreate a 3D spinning coin/medal effect from any logo image using React Three Fiber. Auto-detects the logo's outline, removes solid backgrounds (white, black or any flat colour), builds a chrome-rimmed coin that follows the exact logo shape, and adds environment reflections. Use when the user wants a 3D logo, spinning logo, rotating logo, coin effect, medal effect, logo animation, or mentions making a logo "3D" or "spin." Also trigger when user says "3d-logo", "spinning coin", "logo coin", "3D badge", or wants to turn a flat image into a premium 3D rotating element.
Frequently asked questions
What are Design & Media agent skills?
Design agent skills guide AI agents through visual and UX work: UI mockups, design systems, image and asset workflows, and design reviews. A skill keeps the agent aligned with your design language instead of improvising a new style each session.
Which Design & Media skills are most installed?
Popular Design & Media skills on SkillMD right now include naive-monochrome-breakout-poster, photo-enamel-travel-badge-poster, photo-structure-blueprint-poster. Rankings shift as installs change; sort this page by "Most installs" for the live list.
Do Design & Media skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.