Skills MCP Plugins Subagents

Browse by category

Coding Skills2061 Marketing Skills1580 Design Skills1479 Security Skills1134 Automation Skills994 Testing Skills985 Media Skills908 Infrastructure Skills902 Data Skills883 Finance Skills840 Automation MCPs799 Planning Skills797 DevTool MCPs797 Documentation Skills757 Coding MCPs738 Productivity Skills721 Productivity MCPs649 Data MCPs505 DevTool Skills503 Infrastructure MCPs482 Security MCPs441 Debugging Skills428 Code review Skills415 Search & RAG MCPs409

The Monday digest

The week's best new agents, skills and MCP servers. One email, every Monday.

Free · unsubscribe anytime.

aaaa.fyi

Every agent skill, MCP server, plugin and subagent — searchable, comparable, and one command from installed. Live stats from GitHub, npm and PyPI.

Agent Skills MCP Servers Plugins Subagents Coding Agents

Collections Official publishers Glossary Blog Search Saved Feedback

Privacy Terms llms.txt Sitemap

made with ♥ · © 2026 aaaa.fyi

Independent project · real data from public registries

home/skills/design

home/skills/design

Design Skills

1479 design agent skills for Claude Code and AI agents, ranked by real installs from npm, PyPI and skills.sh. web-design-guidelines leads with 483k installs a month.

#Type

1web-design-guidelinesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".SkillsJul 2026483k29k
2lark-slides飞书幻灯片：创建和编辑幻灯片。创建演示文稿、读取幻灯片内容、管理幻灯片页面（创建、删除、读取、局部替换）。当用户需要创建或编辑幻灯片、读取或修改单个页面时使用。当用户给出 doubao.com 的 /slides/ URL/token 时，也应直接使用本 skill，不要因为域名不是飞书而回退到 WebFetch；路由依据是 URL 路径模式和 token，而不是域名。不负责：云文档内容编辑（走 SkillsJul 2026332k16k
3design-taste-frontendTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026280k66k
4ui-ux-pro-maxUI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presSkillsJul 2026280k109k
5caveman-helpQuick-reference card for all caveman modes, skills, and commands. One-shot display, not a persistent mode. Trigger: /caveman-help, "caveman help", "what caveman commands", "how do I use caveman".SkillsJul 2026249k92k
6codebase-designShared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-nSkillsJul 2026225k182k
7high-end-visual-designTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026218k66k
8redesign-existing-projectsTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026214k66k
9impeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers weSkillsJul 2026203k49k
10minimalist-uiTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026199k66k
11full-output-enforcementTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026190k66k
12industrial-brutalist-uiTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026185k66k
13stitch-design-tasteTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026184k66k
14gpt-tasteTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026180k66k
15design-an-interfaceSkills for Real Engineers. Straight from my .agents directory.SkillsJul 2026169k181k
16brandkitPremium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, darkSkillsJul 2026169k66k
17image-to-codeTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026165k66k
18hyperframes-animationAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus LotSkillsJul 2026164k37k
19hyperframes-coreThe HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-ownedSkillsJul 2026163k37k
20hyperframes-creativeNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterSkillsJul 2026162k37k
21imagegen-frontend-mobileElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortaSkillsJul 2026161k66k
22design-guidePaperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding pages or features to the frontend, styling SkillsJul 2026157k5
23emil-design-engThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.SkillsJul 2026156k20k
24extract-design-systemExtract design primitives from a public website and generate starter token files for your project.SkillsJul 2026126k136
25design-taste-frontend-v1Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026123k66k
26canvas-designCreate 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 oriSkillsJul 202690k163k
27critiqueThe design language that makes your AI harness better at design.SkillsJul 202684k49k
28web-artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state managSkillsJul 202684k163k
29auditThe design language that makes your AI harness better at design.SkillsJul 202683k49k
30animateThe design language that makes your AI harness better at design.SkillsJul 202683k49k
31adaptThe design language that makes your AI harness better at design.SkillsJul 202683k49k
32clarifyThe design language that makes your AI harness better at design.SkillsJul 202683k49k
33optimizeThe design language that makes your AI harness better at design.SkillsJul 202682k49k
34bolderThe design language that makes your AI harness better at design.SkillsJul 202681k49k
35delightThe design language that makes your AI harness better at design.SkillsJul 202681k49k
36distillThe design language that makes your AI harness better at design.SkillsJul 202681k49k
37quieterThe design language that makes your AI harness better at design.SkillsJul 202680k49k
38theme-factoryToolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact tSkillsJul 202671k163k
39brand-guidelinesApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formattingSkillsJul 202669k163k
40typesetThe design language that makes your AI harness better at design.SkillsJul 202666k49k
41overdriveThe design language that makes your AI harness better at design.SkillsJul 202664k49k
42tailwind-design-systemMulti-harness agentic plugin marketplace for Claude Code, Codex CLI, Cursor, OpenCode, GitHub Copilot, and Gemini CLISkillsJul 202656k38k
43normalizeThe design language that makes your AI harness better at design.SkillsJul 202655k49k
44extractThe design language that makes your AI harness better at design.SkillsJul 202654k49k
45onboardThe design language that makes your AI harness better at design.SkillsJul 202654k49k
46frontend-designThe design language that makes your AI harness better at design.SkillsJul 202654k49k
47hardenThe design language that makes your AI harness better at design.SkillsJul 202654k49k
48review-animationsReviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.SkillsJul 202653k20k
49teach-impeccableThe design language that makes your AI harness better at design.SkillsJul 202651k49k
50figmaImport Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-asSkillsJul 202648k37k

More skills categories

Coding2061 Marketing1580 Security1134 Automation994 Testing985 Media908 Infrastructure902 Data883 Finance840 Planning797 All Skills →