Agent Academy

Agent Academy is a free, source-linked library of skills, prompts, MCP servers and bot templates, organised into courses by profession, for people who hand real work to AI agents: 1,467 live resources, each with its original link, license and safety tags.

Course · Design

UX research and writing

Learn to design an interface that does not look templated: pick one style from UI Hub, follow design skills, build, and verify with four screenshots.

Permissions

Mostly read-only. Figma/Canva MCP servers need tokens; skills are text you can read. Installing a skill writes files into the project; ask first.

course.md for agentsSkill pack (.zip)JSON
32resources
5steps
8checks

  1. Enrol

    Read course.md: the job, the permissions it needs, and what good output looks like.

    TutorialDesign

    「先出设计方案再写代码」Prompt（@Voxyz_ai）

    受众/目标 → 4–6 个色 token → 字体 → ASCII 线框 → 1 个标志元素；完成后桌面 + 手机截图对照 DESIGN.md

    Sourcex.com/i/status/2087178102505926740

    No credentialsDoes not sendsee source
    TutorialDesign

    2026 产品设计师工作流（@dianne_alter）

    产品上下文 → Mobbin + Paper / Claude Code 原型 → Figma 组件进 Storybook → Agent 审查

    Sourcex.com/i/status/2088261777758851497

    No credentialsDoes not sendsee source
    TutorialDesign

    8pt Grid（spec.fm）

    8 点栅格间距体系的经典讲解

    Sourcespec.fm/specifics/8-pt-grid

    No credentialsDoes not sendsee source

  2. Pick a direction

    Choose one style, platform or channel from the reference library. Only one.

    Pick one visual direction (UI Hub)

    minimal 316motion 60enterprise 37dark-tech 27editorial 253d 21gradient 18playful 17soft 15swiss 13apple 12material 11skeuomorphic 8utilitarian 7brutalist 6glass 5fluent 3retro 2industrial 1neumorphism 1

    Design systemDesign

    Apple Human Interface Guidelines

    Apple's platform design guidance: foundations, patterns, components, inputs, technologies.

    Sourcedeveloper.apple.com/design/human-interface-guidelines

    No credentialsDoes not sendApple terms; link only
    Design systemDesign

    Material Design 3

    Google's open-source design system: foundations, styles (color, typography, motion), components.

    Sourcem3.material.io

    No credentialsDoes not sendGoogle site terms; link only
    Style libraryDesign

    UI Hub (Incidental AI UI resource hub) — llms.txt / api

    Curated multilingual directory of ~2,391 public UI resources with visual-style (vs) facets, design KB (specs, skills), JSON endpoints and a recommended design-skill workflow.

    Sourcesiinxu.github.io/ui-resource-hub/llms.txt

    No credentialsDoes not sendaggregator; per-item license
    PluginDesign

    Design plugin (knowledge-work-plugins)

    A design productivity plugin primarily designed for Cowork, Anthropic's agentic desktop application — though it also works in Claude Code. Helps with design critique, system management, UX writing, accessibility, research synthesis, and developer handoff. Works with any design team — standalone with your input, supercharged when you connect Figma and other tools.

    Sourcegithub.com/anthropics/knowledge-work-plugins/tree/main/design

    No credentialsDoes not sendApache-2.0

  3. Learn the rules

    Read the required skills, prompts and standards in order.

    SkillDesign

    user-research

    Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or when the user needs help with any aspect of understanding their users through research.

    Sourcegithub.com/anthropics/knowledge-work-plugins/blob/main/design/skills/user-research/SKILL.md

    No credentialsDoes not sendApache-2.0
    PromptDesign

    ux-researcher

    Use this agent when you need to conduct user research, analyze user behavior, or generate actionable insights to validate design decisions and uncover user needs. Invoke when you need usability testing, user interviews, survey design, analytics interpretation, persona development, or competitive research to inform product strategy.

    Sourcegithub.com/VoltAgent/awesome-claude-code-subagents/blob/main/categories/08-business-product/ux-researcher.md

    No credentialsDoes not sendMIT
    SkillDesign

    frontend-design

    Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

    Sourcegithub.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md

    No credentialsDoes not sendApache-2.0
    SkillDesign

    design-system

    Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

    Sourcegithub.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/design-system/SKILL.md

    No credentialsDoes not sendMIT

  4. Do it

    Follow a workflow or case. Install a skill or MCP server only if you have permission.

    How this site was designed by an agent
    WorkflowDesign

    UI Hub skills.json (recommended design workflow)

    Workflow: pick ONE direction skill (frontend-design or taste-skill) → search resources by style/kind → build with emil-design-eng → audit with impeccable + web-design-guidelines + accessibility → verify in browser light+dark, mobile.

    Sourcesiinxu.github.io/ui-resource-hub/api/skills.json

    No credentialsDoes not sendaggregator
    CaseDesign

    Ai Game Design Agent Team

    The AI Game Design Agent Team is a collaborative game design system powered by AG2(formerly AutoGen)'s AI Agent framework. This app generates comprehensive game concepts through the coordination of multiple specialized AI agents, each focusing on different aspects of game design based on user inputs such as game type, target audience, art style, and technical requirements. This is built on AG2's n

    Sourcegithub.com/Shubhamsaboo/awesome-llm-apps/tree/main/advanced_ai_agents/multi_agent_apps/agent_teams/ai_game_design_agent_team

    No credentialsDoes not sendApache-2.0
    CaseDesign

    Multimodal Design Agent Team

    A Streamlit application that provides comprehensive design analysis using a team of specialized AI agents powered by Google's Gemini model.

    Sourcegithub.com/Shubhamsaboo/awesome-llm-apps/tree/main/advanced_ai_agents/multi_agent_apps/agent_teams/multimodal_design_agent_team

    No credentialsDoes not sendApache-2.0
    WorkflowDesign

    accessibility-compliance

    Audit web accessibility for WCAG compliance with automated axe-core tests, keyboard and screen reader checks, and remediation guidance

    Sourcegithub.com/wshobson/agents/blob/main/plugins/accessibility-compliance/commands/accessibility-audit.md

    No credentialsDoes not sendMIT

  5. Self-check

    Go through the checklist and report the result to your owner.

    SkillDesign

    impeccable

    Use 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 websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding,

    Sourcegithub.com/pbakaus/impeccable/blob/main/.claude/skills/impeccable/SKILL.md

    No credentialsDoes not sendApache-2.0
    SkillDesign

    web-design-guidelines

    Review 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".

    Sourcegithub.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md

    No credentialsDoes not sendnot stated
    StandardDesign

    WCAG 2.2 (W3C Recommendation)

    Web Content Accessibility Guidelines 2.2: testable success criteria for accessible web content.

    Sourcew3.org/TR/WCAG22

    No credentialsDoes not sendW3C Document License; link + quote with attribution
    SkillDesign

    ui-styling

    Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and…

    Sourcegithub.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-styling/SKILL.md

    No credentialsDoes not sendMIT
    SkillDesign

    ui-ux-pro-max

    UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings,…

    Sourcegithub.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-ux-pro-max/SKILL.md

    No credentialsDoes not sendMIT
    SkillDesign

    break-ui

    Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a "Demo data / Worst case" toggle and report everything that broke, with the fix for each. Use when the user asks to stress-test, break, or find edge cases in a component or screen, or to "try…

    Sourcegithub.com/emilkowalski/skills/blob/main/skills/break-ui/SKILL.md

    No credentialsDoes not sendMIT

    Checklist