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.
-
tools-only Bundle 045 Use 09b98597Design System Checklist
7 - tools-only Bundle 085 Content 2af1cbfa
Research Poster Content Guide
7 - tools-only Bundle 028 Visual F5de85ff
Canvas Design System
7 - tools-only Bundle 086 Effective 6c361813
Research Poster Design Principles
7 - tools-only Bundle 087 Effective F674c0fe
Poster Layout and Design Guide
7 - tools-only Bundle 089 Guidelines 6a853d81
Research Poster Guidelines
7 - tools-only Bundle 074 Readmeja 8d7b6dc5
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Chibi ロゴ"></h1>
7 - tools-only Bundle 794 Readmees E7576a27
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Logo de Chibi"></h1>
7 - tools-only Bundle 798 Readmeru F351a22a
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Логотип Chibi"></h1>
7 - tools-only Bundle 081 Validating E0253fb3
Figma Design Validation with MCP
7 - tools-only Bundle 245 Prompts 2f272735
| STT | Style Category | AI Prompt Keywords (Copy-Paste Ready) | CSS/Technical Keywords | Implementation Checklist | Design System Variables |
7 - tools-only Bundle 2178 Readmeid 68655218
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Logo Chibi"></h1>
7 - tools-only Bundle 2179 Readmeuk 8b7a7d40
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Chibi Logo"></h1>
7 - tools-only Bundle 2590 New Tool 5dc13b5b
Scaffold a new PolicyEngine interactive tool (Vite + React + design system + embedding boilerplate)
7 - tools-only Bundle 080 Automatically 1d06074b
Paper2Poster: Academic Poster Generation
7 - tools-only Bundle 2180 Readmezh Cn 41131033
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Chibi Logo"></h1>
7 - tools-only Bundle 2181 Readmezh Tw 8aad488e
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Chibi Logo"></h1>
7 - tools-only Bundle 1399 Products 8eecd15b
| No | Product Type | Keywords | Primary Style Recommendation | Secondary Styles | Landing Page Pattern | Dashboard Style (if applicable) | Color Palette Focus | Key Considerations |
7 - tools-only Bundle 1374 UI UX Pro Max 7837cbb7
AI-powered design intelligence with 50+ styles, 95+ color palettes, and automated design system generation
7 - tools-only Bundle 1663 Design System 6b77a300
Automation Advisor Design System
7 - tools-only Bundle 2666 Readmetr Dc6252e5
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Chibi Logosu"></h1>
7 - tools-only Bundle 367 Latex Typography 46c89dfd
LaTeX Typography and Line Breaking Reference
7 - tools-only Bundle 171 Color Palette 152a4da8
sf-diagram Color Palette
7 - tools-only Bundle 2667 Readme Old D7c38798
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="logo"></h1>
7 - tools-only Bundle 2601 Design To Code F3cb0639
Automated design system implementation using Figma MCP Server for 1:1 design-code parity
7 - tools-only Bundle 2665 Readmept Br 5d7eddcb
<h1 align="center"><img width=150 src="https://github.com/s-nagaev/chibi/raw/main/docs/logo.png" alt="Logo do Chibi"></h1>
7 - tools-only Bundle 1576 Figma MCP Config D1146a31
Figma MCP config reference
7 - tools-only Bundle 2082 Figma MCP Config 3b8bbd01
Figma MCP config reference
7 - tools-only Bundle 2560 Extraction Methods B7934d74
Logo to Favicon Extraction Methods
7 - tools-only Bundle 428 Figma Rate Limits 32369636
figma-rate-limits
7 - tools-only Bundle 2447 Ascii Design System Port B58843b8
ASCII Design System — Python Port Complete ✓
7 - tools-only Bundle 2483 Ascii Design System Port Fb98ee4a
ASCII Design System — Python Port Complete ✓
7 - tools-only Bundle 2583 Ascii Design System Port A9757625
ASCII Design System — Python Port Complete ✓
7 - tools-only Bundle 1580 Figma Tools And Prompts B8d6b93a
Figma MCP tools and prompt patterns
7 - tools-only Bundle 1084 Dark Mode Light Mode Logos 07bc5f65
Dark Mode and Light Mode Logo Support Feature
7 - tools-only Bundle 2673 Task 16 Product Design Skill 1c31a51c
TASK-16: Product Design Skill with Figma MCP Integration
7
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 045-use_09b98597, 085-content_2af1cbfa, 028-visual_f5de85ff. 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.