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.

Showing 36 of 13,124 skills

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.

A skill is a plain SKILL.md file — YAML frontmatter naming the skill and describing when to use it, followed by markdown instructions the agent loads only when a task matches. The format is the one Anthropic documents for Agent Skills, and it is read unchanged by Cursor and OpenAI Codex, among 60+ agents. Every design & media skill listed here passes a safety review before it becomes publicly visible; the verdict and any network or filesystem capabilities it declares are shown on its page.

How to install a design & media agent skill

  1. Pick a skill. Choose a Design & Media skill from this page and open it to read its SKILL.md and safety review before installing.
  2. Run the install command. Run npx skillmds@latest add <owner>/<name> in your project. The CLI detects every agent installed on the machine and writes the skill into each one's skills directory.
  3. Restart your agent. Restart Claude Code, Cursor or Codex so it picks up the new skills directory. The agent then loads the skill on demand whenever a task matches its description.

Prefer to do it by hand? Every skill page has a copyable SKILL.md and a markdown twin at /skills/<owner>/<name>.md.

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 frontend-design, pptx, canvas-design. 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.