design-agent-skills

In the author's own words, from each skill's SKILL.md — showing the first 30 of 157 files.

• accessibility-agents

  Twenty-five specialist accessibility agents enforcing WCAG 2.2 AA compliance: nine web code specialists, six document accessibility specialists (Office/PDF), and markdown auditors. Each agent focuses on a specific accessibility domain.

  skills/accessibility-agents/SKILL.md on GitHub (opens in a new tab)

• accessibility-catalogue

  Domain navigator for accessibility, WCAG compliance, performance auditing, and code quality skills. Routes to the right skill for a11y remediation, WCAG 2.2 audits, Core Web Vitals, React quality, and motion performance.

  skills/accessibility-catalogue/SKILL.md on GitHub (opens in a new tab)

• addyosmani-quality

  6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security best practices.

  skills/addyosmani-quality/SKILL.md on GitHub (opens in a new tab)

• ai-graphic-design-skill

  Maps 15 AI tools to design scenarios — Midjourney for ideation, Stable Diffusion for production, ControlNet for composition control, vectorization pipelines, and mockup generation. Includes a 2025-2026 AI Creative Director competency roadmap.

  skills/ai-graphic-design-skill/SKILL.md on GitHub (opens in a new tab)

• algorithmic-art

  Create generative art using p5.js with seeded randomness, flow fields, and particle systems. Official Anthropic skill for procedural visual art generation in Claude artifacts.

  skills/algorithmic-art/SKILL.md on GitHub (opens in a new tab)

• animate-css-skill

  Adds Animate.css (v4.1.1) animations to HTML, React/JSX, and WordPress PHP templates. Includes scroll-trigger via Intersection Observer, RTL directional flipping, and prefers-reduced-motion compliance.

  skills/animate-css-skill/SKILL.md on GitHub (opens in a new tab)

• animate-skill

  Emil Kowalski-inspired animation patterns for Next.js/React with 8 working examples: hover effects, toast notifications, text reveals, and modals. Emphasises motion that feels inevitable and purposeful.

  skills/animate-skill/SKILL.md on GitHub (opens in a new tab)

• anthropics-skills

  6 official Anthropic skills for frontend design, artifact creation, and presentation. Covers UI/UX development tools, complex HTML artifacts, visual art in PNG/PDF, professional theme application, brand guidelines, and PowerPoint creation.

  skills/anthropics-skills/SKILL.md on GitHub (opens in a new tab)

• antvis-chart-skills

  7 professional chart and visualization skills powered by Ant Group's AntV ecosystem. 26+ chart types, 98.2% accuracy on test cases. Covers charts, infographics, graphs, tables, icons, and narrative reports.

  skills/antvis-chart-skills/SKILL.md on GitHub (opens in a new tab)

• apple-hig-skills

  Apple Human Interface Guidelines as 14 agent skills covering iOS, macOS, visionOS, watchOS, and tvOS. From raintree-technology, makers of the Apple HIG compliance website.

  skills/apple-hig-skills/SKILL.md on GitHub (opens in a new tab)

• assimovt-productskills

  16 focused product-management skills spanning the full lifecycle: discovery (user interviews, problem validation, JTBD, research synthesis), strategy (competitor analysis, positioning, strategy docs), prioritization (RICE, Shape Up scope-cutting and bet-sizing), evidence-first PRDs, plus launch plans, North Star metrics frameworks, A/B experiment design, and Now/Next/Later roadmaps.

  skills/assimovt-productskills/SKILL.md on GitHub (opens in a new tab)

• awesome-design-skills

  Registry of 67 visual aesthetic and style skills for Claude Code, Cursor, Codex, and other agents. Each skill ships as SKILL.md + DESIGN.md covering tokens, components, accessibility, tone, and quality gates for a specific design aesthetic — glassmorphism, brutalism, claymorphism, neumorphism, editorial, bento, retro, riso, and 59 more. Distributed via the TypeUI CLI.

  skills/awesome-design-skills/SKILL.md on GitHub (opens in a new tab)

• baseline-ui

  Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.

  skills/baseline-ui/SKILL.md on GitHub (opens in a new tab)

• bencium-ux-designer

  Produces distinctive, production-grade frontend interfaces with high design quality and a strong point of view. Actively avoids generic AI-generated aesthetics in favour of considered, original UI decisions.

  skills/bencium-ux-designer/SKILL.md on GitHub (opens in a new tab)

• brand-design-md

  Fetches exact design tokens (colors, type weights, letter-spacing) for 62 world-class brands including Stripe, Linear, Apple, Figma, Notion, and Nike at runtime, then applies them to your project.

  skills/brand-design-md/SKILL.md on GitHub (opens in a new tab)

• callstack-agent-skills

  Official Callstack React Native skills covering best practices (profiling, FPS, re-renders, Turbo Modules), GitHub PR workflows, GitHub Actions build artifacts, React Native upgrading templates, and brownfield migration strategy.

  skills/callstack-agent-skills/SKILL.md on GitHub (opens in a new tab)

• cc-slidev

  Claude Code plugin for creating developer-focused technical presentations (tech talks, conference content) using Slidev with evidence-based design guardrails for slide quality. Adds opinionated constraints on top of raw Slidev for presentation polish.

  skills/cc-slidev/SKILL.md on GitHub (opens in a new tab)

• chadboyda-gtm

  18 go-to-market agent skills that turn a coding agent into a GTM operator: positioning + ICP, AI pricing, sales-motion design, cold outreach, AI SDR, lead enrichment, multi-platform and Product Hunt launches, programmatic SEO, paid creative, retention/expansion, partner programs, and GTM metrics/attribution.

  skills/chadboyda-gtm/SKILL.md on GitHub (opens in a new tab)

• claud3

  D3.js data visualization skill based on Edward Tufte principles. Selects the right chart type from 80+ options by analyzing the data question, then generates single-file HTML with D3 v7, dark theme, responsive layout, direct labels, and annotations.

  skills/claud3/SKILL.md on GitHub (opens in a new tab)

• claude-pm-skills

  Production-grade skills for product thinking, discovery, prioritization, and launch decisions. Covers the full PM lifecycle with a different author and focus than other PM skill packages in the catalogue.

  skills/claude-pm-skills/SKILL.md on GitHub (opens in a new tab)

• claude-wireframe-skill

  Generates 5 UX design approaches as interactive prototypes — 1 safe design-system extension and 4 exploratory variants — starting as B&W wireframes then producing color variants via parallel agents. Scans codebase on first run to build persistent design context.

  skills/claude-wireframe-skill/SKILL.md on GitHub (opens in a new tab)

• claude2figma

  Four-skill enforcement layer for design system compliance in Figma: ensures components are instances of master components, and colors/fonts/spacing/radii bind to Figma variables and styles. Every canvas write is auto-verified for token compliance.

  skills/claude2figma/SKILL.md on GitHub (opens in a new tab)

• claudedesignskills

  22-skill package across 5 bundles covering Three.js, GSAP ScrollTrigger, React Three Fiber, Framer Motion, Babylon.js, A-Frame, PixiJS, Locomotive Scroll, Barba.js, React Spring, Magic UI, AOS, Anime.js, Lottie, Rive, Spline, and Blender pipeline. The broadest motion/creative suite available.

  skills/claudedesignskills/SKILL.md on GitHub (opens in a new tab)

• cloudai-threejs

  Three.js skills for creating interactive 3D elements and experiences on the web. Covers scene setup, geometries, materials, lighting, cameras, animations, and WebGL rendering best practices.

  skills/cloudai-threejs/SKILL.md on GitHub (opens in a new tab)

• cloudflare-web-perf

  Audit Core Web Vitals and render-blocking resources. Official Cloudflare skill for identifying and fixing LCP, INP, CLS, TTFB issues with Cloudflare-specific optimization strategies.

  skills/cloudflare-web-perf/SKILL.md on GitHub (opens in a new tab)

• color-expert

  286K words of color science applied to UI/UX design. Covers OKLCH/OKLAB color spaces, palette generation, accessibility contrast ratios, color naming, pigment mixing, and historical color theory. By meodai, creator of color-names.

  skills/color-expert/SKILL.md on GitHub (opens in a new tab)

• composio-artifacts

  Build interactive Claude artifacts with Composio tools. Connects artifacts to real external services (GitHub, Slack, Linear, Notion) via Composio's 250+ tool integrations. Requires a Composio account and API key.

  skills/composio-artifacts/SKILL.md on GitHub (opens in a new tab)

• content-catalogue

  Domain navigator for presentations, diagrams, wireframes, data visualization, design review, product strategy, copywriting, UX writing, content design, and design research skills. Routes to the right skill for slides, charts, UX strategy, PM frameworks, email, microcopy, product copy, user research, and design sprints.

  skills/content-catalogue/SKILL.md on GitHub (opens in a new tab)

• content-strategy

  Define what content a product needs, how it is structured, and who owns it. Content audit, content model, voice and tone, governance, and content hierarchy.

  skills/content-strategy/SKILL.md on GitHub (opens in a new tab)

• copywriting-skill

  Copywriting toolkit for product and web — persuasion-driven copy for landing pages, feature pages, pricing pages, email sequences, and CTAs. Ships 5 skills: core copywriting, SEO copywriting, social copywriting (LinkedIn + X), French- native copy, and a tone-of-voice generator. Built-in anti-AI-pattern layer. Works with Claude Code, Cursor, and Windsurf.

  skills/copywriting-skill/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• genofficeby genspark-ai Free, open-source AI Office suite: Docs, Sheets, Slides, PDF, Markdown and HTML editors with a built-in AI agent, plus a `genoffice` CLI an… 9.8k stars · 1 skill
• Wazaby tw93 🥷 Engineering habits you already know, turned into skills AI assistants like Claude Code, Codex and Cursor can run. 7.3k stars · 8 skills
• baoyu-designby JimLiu Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as se… 4.4k stars · 2 skills
• gzh-design-skillby isjiamu 把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 + 主题生成器 + 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML. 4k stars · 1 skill
• skills-hubby qufei1993 A cross-platform desktop app to manage Agent Skills in one place and sync them to multiple AI coding tools’ global skills directories — “In… 1.8k stars
• user-research-skillby cookiy-ai Cookiy AI Skill for AI agents (Claude, Codex, Cursor, OpenClaw) — end-to-end user research: AI interviews, synthetic users, quant surveys,… 1.6k stars · 1 skill