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.

ihlamury Bundle

Vercel UI Skills

Vercel's UI design system. Use when building interfaces inspired by Vercel's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Beehiiv UI Skills

Beehiiv's UI design system. Use when building interfaces inspired by Beehiiv's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Codeium UI Skills

Codeium's UI design system. Use when building interfaces inspired by Codeium's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Copy AI UI Skills

Copy Ai's UI design system. Use when building interfaces inspired by Copy Ai's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Discord UI Skills

Discord's UI design system. Use when building interfaces inspired by Discord's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Gumroad UI Skills

Gumroad's UI design system. Use when building interfaces inspired by Gumroad's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Lattice UI Skills

Lattice's UI design system. Use when building interfaces inspired by Lattice's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Mercury UI Skills

Mercury's UI design system. Use when building interfaces inspired by Mercury's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Posthog UI Skills

Posthog's UI design system. Use when building interfaces inspired by Posthog's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Railway UI Skills

Railway's UI design system. Use when building interfaces inspired by Railway's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Raycast UI Skills

Raycast's UI design system. Use when building interfaces inspired by Raycast's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Segment UI Skills

Segment's UI design system. Use when building interfaces inspired by Segment's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Shopify UI Skills

Shopify's UI design system. Use when building interfaces inspired by Shopify's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Spotify UI Skills

Spotify's UI design system. Use when building interfaces inspired by Spotify's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Todoist UI Skills

Todoist's UI design system. Use when building interfaces inspired by Todoist's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Upstash UI Skills

Upstash's UI design system. Use when building interfaces inspired by Upstash's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Webflow UI Skills

Webflow's UI design system. Use when building interfaces inspired by Webflow's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Airtable UI Skills

Airtable's UI design system. Use when building interfaces inspired by Airtable's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Awwwards UI Skills

Awwwards's UI design system. Use when building interfaces inspired by Awwwards's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Descript UI Skills

Descript's UI design system. Use when building interfaces inspired by Descript's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Dribbble UI Skills

Dribbble's UI design system. Use when building interfaces inspired by Dribbble's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Intercom UI Skills

Intercom's UI design system. Use when building interfaces inspired by Intercom's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Mixpanel UI Skills

Mixpanel's UI design system. Use when building interfaces inspired by Mixpanel's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Obsidian UI Skills

Obsidian's UI design system. Use when building interfaces inspired by Obsidian's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Readwise UI Skills

Readwise's UI design system. Use when building interfaces inspired by Readwise's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Rippling UI Skills

Rippling's UI design system. Use when building interfaces inspired by Rippling's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Substack UI Skills

Substack's UI design system. Use when building interfaces inspired by Substack's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Supabase UI Skills

Supabase's UI design system. Use when building interfaces inspired by Supabase's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Ticktick UI Skills

Ticktick's UI design system. Use when building interfaces inspired by Ticktick's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Anthropic UI Skills

Anthropic's UI design system. Use when building interfaces inspired by Anthropic's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Mailchimp UI Skills

Mailchimp's UI design system. Use when building interfaces inspired by Mailchimp's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Pinterest UI Skills

Pinterest's UI design system. Use when building interfaces inspired by Pinterest's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Robinhood UI Skills

Robinhood's UI design system. Use when building interfaces inspired by Robinhood's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Convertkit UI Skills

Convertkit's UI design system. Use when building interfaces inspired by Convertkit's aesthetic - light mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Liveblocks UI Skills

Liveblocks's UI design system. Use when building interfaces inspired by Liveblocks's aesthetic - dark mode, Inter font, 4px grid.

Sep 9
ihlamury Bundle

Superhuman UI Skills

Superhuman's UI design system. Use when building interfaces inspired by Superhuman's aesthetic - light mode, Inter font, 4px grid.

Sep 9

Frequently asked questions

What are Design & Media agent skills?

Which Design & Media skills are most installed?

Popular Design & Media skills on SkillMD right now include beehiiv-ui-skills, gumroad-ui-skills, upstash-ui-skills. 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.