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.
-
arjumaan Skill Rayden Use 2Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement
1 -
projectious-work Bundle Logo Design 2Creates SVG logos with scalable geometry, color theory, and variant generation. Use when designing logos, icons, or brand marks, generating favicons or social avatars, or reviewing a logo for scalability, color, or variant coverage.
0 -
manastalukdar Skill UI Shape 2Design planning interview before writing UI code — produces a design brief covering register, typography strategy, color constraints, and motion budget to prevent costly rework
-
manastalukdar Skill UI Typeset 2Fix typography hierarchy, font choices, type scale, and line-length in UI files — applies register-aware rules (brand vs product) with concrete CSS fixes
-
peterbamuhigire Skill Frontend Architecture 2Use when turning a design system, product requirement, or frontend codebase into a maintainable component, content, state, and delivery architecture with measurable quality gates.
-
modu-ai Skill Instagram Comments 2Instagram 미디어의 댓글을 관리합니다 — 목록 조회, 답글 작성, 댓글 숨김. `manage_comments` 권한이 부여된 경우에만 동작합니다. 발행된 게시물의 댓글 모더레이션(응대/정리) 에 사용합니다. 다음과 같은 요청 시 사용하세요: - "인스타 게시물 댓글 확인해줘" - "이 댓글에 답글 달아줘" - "스팸 댓글 숨겨줘" - "최근 포스트 댓글 정리해줘" - "특정 댓글 숨김 처리해줘" [책임 경계] vs 형제 스킬: Instagram 댓글 *조회/답글/숨김* 만 담당합니다. 포스트 발행은 instagram-post 스킬, 인사이트 조회는 instagram_insights 도구를 직접 사용하세요.
-
modu-ai Bundle Threads Post Draft 2주제를 Threads 게시글 초안으로 작성합니다. 저장된 문체 프로필이 있으면 자동으로 적용합니다. 초안은 발행 전에 ⟨한국어 감사 3단⟩(ai-slop-reviewer → korean-spell-check → korean-humanize)을 반드시 통과하며, 감사를 통과한 최종본을 사용자가 AskUserQuestion 으로 승인해야 Graph API 로 발행합니다 — 큐·예약·상태머신 없이 세션 안에서 직접 발행합니다. 예약·정기 발행은 Claude Cowork 이 담당합니다. 다음과 같은 요청 시 사용하세요: - "이 주제로 Threads 포스트 작성해줘" - "Threads에 올릴 글 초안 만들어줘" - "이 뉴스를 Threads용으로 요약해줘" - "블로그 글을 Threads 포스트로 변환해줘" - "내 문체로 초안 작성해줘" (저장된 프로필 자동 적용) - "이 초안 그대로 Threads에 올려줘" (감사 3단 → 승인 → 즉시 발행) [책임 경계] vs 형제 스킬: 초안 작성(저장된 문체 프로필 적용 포함)·발행 전 한국어 감사·승인 후 즉시 발행을 담당합니다. 문체 *분석·저장* 은 threads-style-learn, 멀티 채널(Facebook/X) 포맷은 threads-multichannel, 이미지/비디오 발행은 MCP 도구(threads_publish_image, threads_publish_video)를 직접 사용하세요. 예약·정기 발행은 Claude Cowork 에게 맡깁니다.
-
modu-ai Bundle Threads Style Learn 2과거 Facebook/Threads 포스팅 3-10개를 붙여넣으면 문체를 분석해 style profile 파일로 저장합니다. 이후 threads-post-draft 가 저장된 프로필을 자동으로 불러와 적용합니다. 다음과 같은 요청 시 사용하세요: - "내 문체 학습해줘" - "이전 포스팅들 보고 문체 분석해줘" - "내 글투 분석해서 저장해줘" - "스타일 프로필 만들어줘" - "이전 스레드/페이스북 글로 문체 학습해줘" - "내 톤앤매너 분석해줘" [책임 경계] vs 형제 스킬: 문체 *분석* 과 프로필 *저장* 만 담당합니다. 저장된 프로필을 적용해 초안을 작성·발행하는 건 threads-post-draft, 여러 채널(Threads/Facebook/X) 포맷은 threads-multichannel 이 담당합니다. 이 스킬은 발행을 하지 않습니다.
-
modu-ai Skill Threads Multichannel 2하나의 텍스트를 Threads(직접 발행) / Facebook(복붙) / X(복붙, free=스레드 분할·premium=단일) 용으로 각각 포맷합니다. 발행은 하지 않고 포맷만 — Facebook·X 출력은 사용자가 직접 복붙하고, Threads 출력은 승인 시 threads_publish_text 로 즉시 발행합니다. 다음과 같은 요청 시 사용하세요: - "이 글 페이스북/엑스에도 올릴 수 있게 해줘" - "X 스레드로 쪼개줘" (무료 tier 280자 분할) - "트위터용 스레드 만들어줘" - "Facebook 이랑 X 용으로도 포맷해줘" - "이 초안 멀티 채널로 변환해줘" - "X premium 으로 한 번에 올릴 수 있게 해줘" [책임 경계] vs 형제 스킬: *포맷만* 담당합니다 — Facebook/X 로 발행하지 않습니다 (사용자가 복붙). Threads 직접 발행은 threads-post-draft / threads_publish_* 도구가 담당합니다.
-
modu-ai Bundle Design Logo 2디자인 시스템에 맞는 로고를 생성합니다. 프로젝트의 토큰(색·타이포·형태 언어)과 브랜드 보이스를 먼저 읽어 생성 프롬프트에 반영하므로, 만들어진 로고가 브랜드와 어긋나지 않습니다. 로고는 히어로·OG 이미지와 달리 작아도 보이고 컬러·흑백·단색으로 변형되어야 하므로 벡터/심볼 접근으로 다룹니다. 다음과 같은 요청 시 사용하세요: - "로고 만들어 줘", "브랜드 마크 디자인" - "워드마크", "레터마크", "심볼 로고" - "앱 아이콘 만들어 줘", "파비콘 디자인" - "로고 컨셉 몇 개 뽑아 줘", "로고 아이디어" - "기존 로고 다른 스타일로", "로고 리디자인" 이미지 생성 실행·모델 선택·비용 고지는 moai-media:media-higgsfield-core 계약에 위임하고, 이 스킬은 "무엇을 만들지"(로고 타입·브랜드 정합·제약)까지만 정합니다. 로고는 recraft_v4_1 벡터 계열로 생성합니다. 브랜드 비주얼(히어로·OG·목업)은 design-brand-visual을 쓰세요.
-
modu-ai Bundle Career Portfolio 2한국 신입 취준생·재직자를 위한 분야별 포트폴리오 구성과 프로젝트 기술서 작성 스킬입니다. "포트폴리오 만들어줘", "프로젝트 정리해줘", "노션 포트폴리오 1시간 만에"처럼 말하면 됩니다. 개발(GitHub·기술 블로그)/디자인(Figma·Behance)/마케팅/기획 분야별 + 검색되는 노션 포트폴리오 + 채용공고 맞춤형 1page 셀링 + 877건 노하우 기반 비중 배분을 지원합니다.
-
modu-ai Skill Design Workflow 2통합 디자인 워크플로 스킬 — Path A(Claude Design 핸드오프 번들 가져오기, 필요시 Figma 추출기 경유)와 .moai/design/(research·system·spec)에서 design-brief 컨텍스트 로딩을 처리합니다. DTCG 토큰을 검증하고 브랜드 컨텍스트 헌법 우선순위를 보장합니다. /moai design 워크플로에 사용 — 일반 디자인 시스템 문서용이 아닙니다. Use for the /moai design workflow: Path A Claude Design handoff-bundle import (via Figma extractor when needed), design-brief context loading from .moai/design/, DTCG token validation, and brand-context constitutional priority.
-
modu-ai Skill Design Brand System 2웹 프로젝트의 브랜드 정합 시각 디자인 시스템 전문가. 히어로 우선 레이아웃 체이닝, WCAG 2.1 AA 접근성, Lighthouse 80점 이상, 브랜드 정체성 파일에서 디자인 토큰 추출을 보장합니다. 색상 팔레트, 타이포그래피, 여백, 컴포넌트 사양을 다룹니다. Use for brand-aligned visual design systems: color palettes, typography, spacing systems, hero-first layout, component specs, design tokens, visual identity, and WCAG 2.1 AA accessibility enforcement.
-
modu-ai Skill Instagram Post 2주제를 Instagram 게시글(이미지/비디오/릴) 초안으로 작성해 즉시 발행합니다. 저장된 문체 프로필이 있으면 자동 적용합니다. 큐·예약·상태머신 없이 세션 안에서 직접 발행합니다. 예약·정기 발행은 Claude Cowork 이 담당합니다. 다음과 같은 요청 시 사용하세요: - "이 주제로 Instagram 포스트 작성해줘" - "인스타에 올릴 이미지 캡션 써줘" - "이 영상 인스타 릴로 올려줘" (share_to_feed) - "인스타에 비디오 게시해줘" - "이 뉴스를 Instagram 용으로 요약해줘" - "이 초안 인스타에 바로 올려줘" (승인 → 즉시 발행) [책임 경계] vs 형제 스킬: Instagram 이미지/비디오/릴 *초안 작성·즉시 발행* 만 담당합니다. 댓글 관리는 instagram-comments 스킬, Threads 발행은 threads-* 스킬, 멀티 채널 포맷은 threads-multichannel 스킬을 사용하세요. 예약·정기 발행은 Claude Cowork 에게 맡깁니다.
-
codyswanngt Bundle Gluestack Nativewind 2This skill enforces Gluestack UI v3 and NativeWind v4 design patterns for consistent, performant, and maintainable styling. It should be used when creating or reviewing components, fixing styling issues, or refactoring styles to follow the constrained design system.
-
codyswanngt Bundle Lisa Tracker Source Artifacts 2Canonical, vendor-neutral taxonomy and rules for handling source artifacts (Figma, Lovable, Loom, screenshots, design docs, data samples) when generating or evaluating tracker tickets (JIRA, GitHub Issues, Linear). Defines: (1) artifact domains, (2) classification rules per tool, (3) source precedence (which artifact is authoritative for which question), (4) inheritance from epic to story to sub-task, (5) cross-axis conflict handling. Invoke this skill from any flow that extracts, attaches, or reasons about external design/UX/data artifacts so the rules don't drift across skills.
-
ulpi-io Skill Logo Design Guide 2Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo
-
18816132863 Bundle Opengfx Logo 2Generate complete logo systems with icon + wordmark + lockups. Creates production-ready SVG vector logos from natural language prompts. Use when a user requests a logo, brand mark, icon design, or visual identity foundation.
-
18816132863 Bundle Xiaoyi PDF 2Use this skill when visual quality and design identity matter for a PDF. CREATE (generate from scratch): "make a PDF", "generate a report", "write a proposal", "create a resume", "beautiful PDF", "professional document", "cover page", "polished PDF", "client-ready document". FILL (complete form fields): "fill in the form", "fill out this PDF", "complete the form fields", "write values into PDF", "what fields does this PDF have". REFORMAT (apply design to an existing doc): "reformat this document", "apply our style", "convert this Markdown/text to PDF", "make this doc look good", "re-style this PDF". This skill uses a token-based design system: color, typography, and spacing are derived from the document type and flow through every page. The output is print-ready. Prefer this skill when appearance matters, not just when any PDF output is needed.
-
18816132863 Bundle Meitu Skills 2Root entry skill for Meitu capabilities. Routes requests to scene skills (meitu-poster, meitu-stickers, meitu-visual-me, meitu-product-swap, meitu-video-dance, meitu-upscale, meitu-product-view, meitu-image-fix, meitu-id-photo, meitu-cutout, meitu-carousel, meitu-beauty, meitu-image-adapt) or meitu-tools for direct Meitu CLI tool execution.
-
18816132863 Bundle PPTX Posters 2Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern web-based poster design with responsive layouts and easy visual integration.
-
18816132863 Bundle Canvas Design 3Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
-
ulpi-io Skill Design System Management 2Manage design tokens, component libraries, and pattern documentation. Trigger with "design system", "component library", "design tokens", "style guide", or when the user asks about maintaining consistency across designs.
-
ulpi-io Skill Character Design Sheet 2Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible
-
18816132863 Bundle Canvas Design 4Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
-
18816132863 Bundle Meitu Poster 2一句话生成海报图片。支持封面图、营销图、信息图、活动海报等多种类型,自动识别行业风格,适配各平台尺寸(小红书、微信、抖音等)。有参考图时进行风格洗稿或模仿重构,无参考图时从零创意规划。当用户提到海报设计、做张海报、封面图、cover image、设计方案、文章转海报时触发。
-
gigik2a Skill Report Premium Design 2Report Premium K2-AI — Design System & Composition Rules
-
fabioc-aloha Skill Graphic Design 2Patterns for visual design, SVG creation, layout composition, typography, and brand identity.
-
javimosch Skill Catalog 2Catálogo simples do estúdio (hello world)
-
javimosch Skill Instagram Poster 2Post images to Instagram automatically via Telegram. Generates images with WaveSpeed or uses your own. Bypasses Instagram bot detection using residential proxy. Use when: user wants to post to Instagram, auto-post image, share photo on Instagram, instagram autoposter, schedule instagram post, publish to instagram, post reel image. Requires IG_USERNAME + IG_PASSWORD env vars or a saved session. Needs human-browser skill for residential proxy.
-
fabioc-aloha Skill Frontend Design Review 2Review and create distinctive frontend interfaces — design system compliance, three quality pillars (Frictionless, Quality Craft, Trustworthy), accessibility
-
fabioc-aloha Bundle AI Generated Readme Banners 2Create professional ultra-wide cinematic banners for GitHub READMEs using modern AI image models with typography
-
codyswanngt Skill Lisa Design Intake 2Design-handoff gate for a work item with a UI surface. Resolves the source of truth PER AXIS (colour, spacing, typography, radius, elevation, motion) by querying the published variable collections of the configured design source — never by asking a human — then judges the work item against the five objectively checkable block conditions of the `design-value-binding` rule. Values come from design variables where a variable system exists; visual measurement is supplemental there and the legitimate primary source where none exists. Blocks on UNBOUND, never on UNSURE: aesthetic uncertainty with everything bound is not a block. Escalates a block through the vendor-neutral tracker abstraction to the configured `design.escalation.assignee`, with a plain-language comment a non-technical operator can act on, and records every value derived in an untyped axis so the gaps in the variable system accumulate on their own.
-
comeonoliver Bundle Extract 2Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.
61 -
comeonoliver Bundle Architect 2Design systems, plan implementations, review architecture decisions - Use when you need to plan a complex feature, design system architecture, or make high-level technical decisions.
61 -
comeonoliver Skill Canvas Design 2Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
61
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 rayden-use, logo-design, ui-shape. 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.