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.

Open

Design

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.

Style library 269Skill 133Tutorial 44MCP server 41Prompt 35Tool 31Design system 20Standard 20Bot template 20Workflow 6Case 2Plugin 1

622resources
6roles
133SKILL.md files
41MCP servers

Roles in this profession

Pick a role. Each course is five ordered steps your agent can read.

Top resources

Library · 622
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
SkillDesign

minimalist-ui

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

Sourcegithub.com/leonxlnx/taste-skill/blob/main/skills/minimalist-skill/SKILL.md

No credentialsDoes not sendMIT
SkillDesign

redesign-existing-projects

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

Sourcegithub.com/leonxlnx/taste-skill/blob/main/skills/redesign-skill/SKILL.md

No credentialsDoes not sendMIT
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

emil-design-eng

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Sourcegithub.com/emilkowalski/skills/blob/main/skills/emil-design-eng/SKILL.md

No credentialsDoes not sendMIT
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
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
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
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

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

Sourcegithub.com/anthropics/skills/blob/main/skills/algorithmic-art/SKILL.md

No credentialsDoes not sendApache-2.0
SkillDesign

brand-guidelines

Applies 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 formatting, or company design standards apply.

Sourcegithub.com/anthropics/skills/blob/main/skills/brand-guidelines/SKILL.md

No credentialsDoes not sendApache-2.0
SkillDesign

canvas-design

Create 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 original visual designs, never copying existing artists' work to avoid copyright violations.

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

No credentialsDoes not sendApache-2.0
SkillDesign

slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack.

Sourcegithub.com/anthropics/skills/blob/main/skills/slack-gif-creator/SKILL.md

No credentialsDoes not sendApache-2.0
SkillDesign

theme-factory

Toolkit 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 that has been creating, or can generate a new theme on-the-fly.

Sourcegithub.com/anthropics/skills/blob/main/skills/theme-factory/SKILL.md

No credentialsDoes not sendApache-2.0
SkillDesign

web-artifacts-builder

Suite 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 management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Sourcegithub.com/anthropics/skills/blob/main/skills/web-artifacts-builder/SKILL.md

No credentialsDoes not sendApache-2.0
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
SkillDesign

banner-design

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon,…

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

No credentialsDoes not sendMIT
SkillDesign

brand

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

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

No credentialsDoes not sendMIT
SkillDesign

design

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate…

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

No credentialsDoes not sendMIT
SkillDesign

slides

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

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

No credentialsDoes not sendMIT