podo/design-agent-skills

1

distinctive-frontend Generates distinctive interfaces using four themed design systems — Cyberpunk, Brutalist, Vaporwave, and Nordic Minim…

podo/design-agent-skills

383

2

taste-skill High-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual densit…

podo/design-agent-skills

136

3

emilkowalski-skill Emil Kowalski's entire design engineering philosophy as a skill. Creator of Sonner (13M+ weekly npm downloads), Vaul,…

podo/design-agent-skills

122

4

ui-ux-pro-max 50+ design styles, 97 color palettes, and 9 technology stack templates (React, Next.js, Vue, Svelte, SwiftUI, React N…

podo/design-agent-skills

121

5

apple-hig-skills Apple Human Interface Guidelines as 14 agent skills covering iOS, macOS, visionOS, watchOS, and tvOS. From raintree-t…

podo/design-agent-skills

120

6

color-expert 286K words of color science applied to UI/UX design. Covers OKLCH/OKLAB color spaces, palette generation, accessibili…

podo/design-agent-skills

120

7

ui-craft The deepest design engineering skill in the ecosystem. 23 domain references, 18 slash commands, 3 style variants, and…

podo/design-agent-skills

119

8

anthropics-skills 6 official Anthropic skills for frontend design, artifact creation, and presentation. Covers UI/UX development tools,…

podo/design-agent-skills

118

9

ux-writing-skill Systematic UX writing for digital products — applies four quality standards (Purposeful, Concise, Conversational, Cle…

podo/design-agent-skills

118

10

excalidraw-diagram Generate beautiful Excalidraw diagrams from natural language. Diagrams that "argue visually" — built-in Playwright vi…

podo/design-agent-skills

116

11

gsap-skills Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger, plugins (Flip/Draggable/SplitTe…

podo/design-agent-skills

115

12

interaction-design Interaction design (IxD) principles and frameworks for digital product work. Covers interaction flows, component stat…

podo/design-agent-skills

115

13

framer-motion-skills Six dedicated Framer Motion skills: core animation, React/Next.js integration, variants and orchestration, scroll ani…

podo/design-agent-skills

114

14

plan-design-review Senior Designer review that rates UI across multiple dimensions (0–10) with AI Slop detection. Garry Tan's structured…

podo/design-agent-skills

114

15

shadcn-ui Project-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns. Under…

podo/design-agent-skills

114

16

deanpeters-pm-skills 9 product management skills using canonical frameworks: NNGroup customer journey maps, Lean UX Canvas, Teresa Torres …

podo/design-agent-skills

113

17

figma-official-skills 7 official Figma skills for design-to-code and code-to-design workflows. Covers Figma Plugin API scripting, design im…

podo/design-agent-skills

113

18

antvis-chart-skills 7 professional chart and visualization skills powered by Ant Group's AntV ecosystem. 26+ chart types, 98.2% accuracy …

podo/design-agent-skills

112

19

email-html-mjml Generates cross-client HTML email from MJML 4.x — Outlook 2013-365 safe, Gmail-optimized, WCAG 2.1 AA accessible. Tri…

podo/design-agent-skills

112

20

fixing-accessibility Audits and fixes ARIA labels, keyboard navigation, focus management, color contrast, and form error handling. Surface…

podo/design-agent-skills

110

21

material-3-skill Implements Google Material Design 3 (Material You) — adaptive color, tonal surfaces, dynamic theming, spring-based mo…

podo/design-agent-skills

110

22

impeccable Design fluency for frontend development. 1 skill with 23 slash commands (/impeccable polish, /impeccable audit, /impe…

podo/design-agent-skills

109

23

remotion Create programmatic videos with React. Official Remotion skill package — compose video sequences using React componen…

podo/design-agent-skills

109

24

awesome-design-skills Registry of 67 visual aesthetic and style skills for Claude Code, Cursor, Codex, and other agents. Each skill ships a…

podo/design-agent-skills

108

25

slidev-skill Official Slidev skill from the Slidev team — helps agents understand and generate developer-focused technical present…

podo/design-agent-skills

107

26

textual-tui-skill Deep-dive Textual (Python) TUI skill — 40+ widgets, layout systems, TCSS styling, reactive programming, background wo…

podo/design-agent-skills

107

27

user-research-cookiy End-to-end user research assistant — qualitative and quantitative. Covers the full research lifecycle: study planning…

podo/design-agent-skills

107

28

wcag-ai-skill Turns WCAG 2.2 into practical guidance for web design, frontend implementation, content review, accessibility QA, rem…

podo/design-agent-skills

105

29

motion-catalogue Domain navigator for motion, animation, 3D, and generative media skills. Routes to the right skill for GSAP, Framer M…

podo/design-agent-skills

103

30

mobile-app-ui-design Professional mobile app UI design skill focused on creating intentional, smooth, personal, and alive interfaces model…

podo/design-agent-skills

102

31

copywriting-skill Copywriting toolkit for product and web — persuasion-driven copy for landing pages, feature pages, pricing pages, ema…

podo/design-agent-skills

101

32

bencium-ux-designer Produces distinctive, production-grade frontend interfaces with high design quality and a strong point of view. Activ…

podo/design-agent-skills

100

33

design-review-garrytan Designer Who Codes: visual audit followed by atomic commits fixing each issue. Garry Tan's design review skill — trea…

podo/design-agent-skills

100

34

frontend-design 8 aesthetic anchors (Brutalist, Nordic, Cyberpunk, Vaporwave, Organic, Luxury, Editorial, Industrial), each locking p…

podo/design-agent-skills

100

35

guizang-ppt Generate structured PowerPoint presentations from content or outlines. Produces clean .pptx files with consistent sli…

podo/design-agent-skills

100

36

mobile-app-design Comprehensive mobile app UI/UX design skill covering iOS HIG, Android Material 3, accessibility standards, React Nati…

podo/design-agent-skills

100

37

sleek-design-mobile-apps AI-powered mobile app design integrated with the Sleek platform — design screens, create projects, and manage assets …

podo/design-agent-skills

100

38

animate-skill Emil Kowalski-inspired animation patterns for Next.js/React with 8 working examples: hover effects, toast notificatio…

podo/design-agent-skills

99

39

brand-design-md Fetches exact design tokens (colors, type weights, letter-spacing) for 62 world-class brands including Stripe, Linear…

podo/design-agent-skills

99

40

addyosmani-quality 6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Co…

podo/design-agent-skills

98

41

design-tokens-skill Expert in the W3C DTCG token specification — token structure, color spaces (sRGB, Display P3, OKLCH), references/alia…

podo/design-agent-skills

98

42

baseline-ui Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-pa…

podo/design-agent-skills

97

43

design-auditor Audits designs across 19 professional categories including typography, color/contrast, spacing, visual hierarchy, con…

podo/design-agent-skills

97

44

accessibility-agents Twenty-five specialist accessibility agents enforcing WCAG 2.2 AA compliance: nine web code specialists, six document…

podo/design-agent-skills

96

45

cloudflare-web-perf Audit Core Web Vitals and render-blocking resources. Official Cloudflare skill for identifying and fixing LCP, INP, C…

podo/design-agent-skills

96

46

creative-director Senior Creative Director skill with 20+ ideation methodologies (SIT, TRIZ, SCAMPER, Bisociation, Synectics) and a 3-a…

podo/design-agent-skills

96

47

dark-pattern-audit Audits codebases and product copy for deceptive dark patterns inferable from local source code and text — no runtime …

podo/design-agent-skills

96

48

designer-skills 91 skills, 9 plugins, and 28 commands across a comprehensive designer toolkit: design-research (12 skills), design-sy…

podo/design-agent-skills

96

49

interface-design-dammyjay Specialised for dashboards, admin panels, and SaaS applications where information density is high. Applies craft and …

podo/design-agent-skills

96

50

make-interfaces-better Design engineering principles for making interfaces feel polished and alive. Covers micro-interactions, typography de…

podo/design-agent-skills

96