A&T Claude Skills
Reusable Claude Code skills for accessibility audits, WCAG compliance checking, and web development workflows
108 skills
Skills directory.
a11y-skills
Claude Skills for accessibility auditing, code review, and WCAG 2.2 compliance across web, mobile, and documents.
Taiwan Accessibility Audit
Automated WCAG 2.2 AA + Taiwan standard accessibility audits with static analysis and browser-based verification
Advanced DESIGN.md Toolkit
Claude Code skills to extract design specs from URLs and generate them from structured answers
Agent-Native Design
Design CLIs that work reliably for humans, AI agents, and orchestration systems simultaneously with schema-driven interfaces and safety tiers.
AI Atelie
Local-first, open-source design tool. Bring your own AI agent (Claude Code, Kimi, Codex). Generate designs as HTML/JSX/CSS folders with instant tweaks, inspe...
AI-Native Thinking
Guide product design using AI-native principles to create systems that leverage AI capabilities effectively.
AI Toolbox
Claude Code plugin with 13+ skills for code review, accessibility audits, design systems, and end-to-end feature planning backed by ClickUp.
Arcade Prototyper
Build interactive HTML prototypes using DevRev's production design system and Arcade components in Claude Code.
Architect Playbook
Self-improving Claude Code audit skills for TypeScript/React codebases covering architecture, security, accessibility, performance, testing, and more.
Architecture Governance Skills
Four composable Claude Code skills for system architecture: arc42, secure design, C4 diagrams, and system design frameworks.
Awesome Design Skill
Access 54+ brand design systems (Linear, Apple, Stripe, Vercel) for Claude Code UI development with complete design specifications.
Canvas Design
Creates beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, designs, and static pieces.
Product Lifecycle Orchestrator
AI-guided product development from idea to delivery with phase gates, artifact validation, and impact analysis for Claude Code.
Chrome DevTools Skill
Browser debugging, automation, performance analysis, accessibility auditing, and LCP optimization for Claude Code without MCP server setup.
Claude Canvas
AI-orchestrated visual production for Obsidian Canvas. Create presentations, flowcharts, mood boards, and knowledge graphs with intelligent layout.
Claude Design
AI design workspace for prototyping, design systems, and marketing collateral using Claude's vision model and conversation-to-artifact workflow.
Claude Code Design Toolkit
AI-powered design orchestration framework integrating Claude into your design pipeline for generating UI components, design tokens, and responsive layouts.
Claude Design Agents Toolkit
AI-powered design environment bridging Claude's reasoning with visual prototyping and multi-agent collaboration workflows.
Claude Design Skills
Archived repository redirecting to active design and frontend skills in claude-code-skills.
Lenny Product Management Skills
Archived PM skill collection. Active skills now at claude-code-skills/product-management.
Claude Plugin Frontend
Full-stack frontend plugin for Claude Code with Vue ecosystem, build tools, testing, and accessibility auditing capabilities.
Claude Repurpose
Turn any content into 10+ platform-optimized posts for Twitter, LinkedIn, Instagram, TikTok, newsletters, and more in seconds.
UI Audit
Audit UI features for component patterns, mobile UX, accessibility, and product-job alignment using Claude Code.
Claude UI/UX Design Consultant
AI-powered design auditing and refactoring skill that analyzes websites, generates improvement strategies, and executes professional redesigns directly in yo...
WCAG Accessibility Skill
Claude Code skill for WCAG 2.1/2.2 audits, WAI-ARIA patterns, screen reader testing, and accessible component builds.
CraftedStays Design System
Complete visual system for CraftedStays brand—colors, typography, components, icons, and Claude Code integration.
Decide
Research industry best practice and decide autonomously or escalate with context—never ask 'X or Y?' back.
design-engine
Stack-agnostic design system toolkit for Claude Code with auto-loaded rules, generators, and audit agents across React, Astro, SvelteKit, Obsidian, and CSS.
Design Extractor
AI agent that automatically extracts design systems from codebases and generates paste-ready Figma scripts with tokens, components, and frames.
Design MD Generator
Extract design systems from any website into AI-readable DESIGN.md files with verified tokens and stability classifications.
design-md-skill
Auto-generate a spec-conformant DESIGN.md from your design tokens in 30 seconds. Makes your design system AI-readable from theme.json, Tailwind, CSS variable...
Design System Assets
Generate brand-aware visual assets—icons, hero images, illustrations, OG cards—routed to the right tool and reviewed against your design system before placem...
Design System Kit
Bootstrap and iterate complete design systems in Next.js/Tailwind projects using Claude Code with structured workflows and design intelligence plugins.
Design Thinking Skills
Claude-powered Design Thinking coach guiding teams from user research through shipped solutions with phase-by-phase methods, templates, and facilitation scri...
Ditto Content Marketing
Generate research-backed blog articles, infographics, and social content from synthetic persona studies at scale—20-40 articles monthly.
Ditto for Product Marketing
Run positioning, messaging, competitive, and pricing research with 300K+ synthetic personas in Claude Code.
Ditto Product Research
Run customer research, pricing tests, and product validation using 300K+ AI personas with 92% focus group overlap.
Eagle Skills
Expert UX audits, product diagnostics, ad review, and AI detection for Claude Code with 65+ UX laws and anti-slop filtering.
FE Claude Skills
Claude Code skills for Angular frontend development: real-time coding standards enforcement and automated 6-agent PR review with WCAG 2.2 AA compliance.
Figma Refine
Context-aware Figma design refinement using Claude Code with async ReviewNote workflows and AI-powered improvements.
Generate Design.md
Create, edit, and validate AI-readable design system files with tokens, colors, typography, and component patterns.
GitHub Repo Design
Skill for designing and structuring GitHub repositories with best practices for organization and documentation.
Hyperfocus
ADHD-friendly output formatting for Claude Code with evidence-based cognitive accessibility structures.
Image Enhancer
Improves image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.
imagen
Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.
Japanese Web Design Guardrails
Build Japanese-ready web interfaces with CJK typography, cultural patterns, form design, and accessibility standards.
Lenny Skills
86 essential product management skills curated from Lenny Rachitsky's insights, covering hiring, research, strategy, and shipping for PMs and founders.
LinkedIn Content Creator
AI-powered tool to generate, schedule, and post professional LinkedIn content with smart research and batch creation capabilities.
Make Design.md
Extract design systems from websites, HTML, or screenshots and generate Google design.md specification documents automatically.
Media Skills
Open-source Agent Skills for AI-powered content creation—generate images, audio, and video with zero API key management.
Million Dollar Landing
Transform landing pages into high-converting premium products using PAS copywriting, dark glass design, and mobile optimization.
Mobile UX Fixer
Automated mobile UX audit with 40+ checks, visual inspection, and auto-fix for viewport, animations, Core Web Vitals, and accessibility.
Morpheme Design Skill
Claude Code skill enforcing Morpheme UI Design System with full specs and 12 example implementations for web pages and components.
Motion.dev Animations
Generate 120fps GPU-accelerated web animations with spring physics, scroll effects, and gesture interactions using Motion.dev.
Nexus Architect
System architecture toolkit with 51 skills for legacy refactoring, greenfield design, database migration, and consulting deliverables using Claude Code.
Open Design
Open-source alternative to Claude Design. Generate web, desktop, mobile prototypes, slides, and images with AI coding agents—locally, with full control.
Open Design CLI
Generate web prototypes, decks, and layouts using Open Design's 70+ skills and 139+ design systems within Claude Code.
Picasso Orchestrator
Automated design-to-code loop that bridges Claude Design and Claude Code with scored fidelity gates and local open-design support.
Pixelbin-Media-Generation
Generate and edit images & videos with 85+ API portfolio and build visually appealing website pages
Presentation Chef
Convert content into Keynote-style HTML presentations with animations, speaker notes, and PDF export—zero dependencies required.
Pricing Skills
Strategic pricing framework with 12 scenarios to transform client conversations into defensible, profitable pricing decisions.
Prism Inspector
Complete UX/UI design critique and WCAG 2.2 AA accessibility audit in one tool. Review screenshots, Figma URLs, live sites, or HTML files.
Product Design Skill
End-to-end product design process from brainstorming to PRD with 7 methodologies and traceability tracking.
Product Launch
Structured launch planning skill that drafts copy, pre-fills submission URLs, tracks state, and emits agent-consumable form schemas.
Product Management Skill
Apply the Hooked framework to design habit-forming products with step-by-step guidance, no coding required.
Product Playbook
AI-powered product planning framework with 22 PM methods, 6 execution modes, and dev handoff generation.
Ratchet Review
Quality gate that verifies AI-generated content through five-layer inspection to catch factual errors, logic issues, and formatting problems before shipping.
React Audit
Comprehensive React app audits covering code standards, accessibility, security, performance, testing, and error handling with detailed Markdown reports.
React Native Audit
Comprehensive audit skill for React Native/Expo apps covering coding standards, accessibility, security, performance, testing, and configuration with detaile...
Reddit Intel
Convert Reddit discussions into bilingual Excel reports for competitor analysis, user insights, and market research.
Research-Driven Development
Enforce research-validated development across the full product lifecycle with mandatory validation gates at every phase.
Research Team Tutorial
Build a multi-agent AI research system using Claude Code that extracts data from papers, performs analysis, writes articles, and reviews its own work.
RGAA Accessibility Audit
13 Claude skills to audit web accessibility against RGAA v4.1.2 (WCAG 2.1 AA) on source code or live sites.
Flat Design System
Claude Code skill for building UIs in the instyle.group flat design system with warm-neutral palette, 8px grid, and superellipse corners.
Liquid Glass Design System
Claude skill for building UIs with instyle.group's Liquid Glass design system using warm neutrals, translucent glass, and blur effects.
Email HTML MJML
Generate production-ready HTML emails from conversation using MJML. Outlook-safe, Gmail-optimized, WCAG 2.1 AA accessible.
Skynet Site System
Master playbook for landing page design from 60 shipped sites with niche design tokens, conversion funnels, and client variant switchers.
Slack GIF Creator
Creates animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.
Slop Cop
Detect AI-generated writing patterns in your documents to ensure authentic, human-quality prose before publishing.
Story-telling
Auto-generate positioning statements from design docs using the four-blank brand-strategy framework.
SwiftUI Design Skill
SwiftUI frontend design governance with anti-AI-slop rules, brand asset protocols, and five-dimension review for iOS interfaces.
SwiftUI HIG Audit
Static code analyzer for SwiftUI apps against Apple HIG and WCAG 2.1 AA accessibility standards across iOS and macOS.
taste
Evaluate code, architecture, product, design, and communication quality through calibrated 5-dimension judgment framework for Claude Code.
Theme Factory
Applies professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages with 10 pre-set themes.
TRDR Design System Plugins
Claude Code plugins that apply TRDR Design System to projects—analyze violations and auto-migrate components.
UI Style Extractor
Extract design systems from websites into reusable Markdown guides and validation demos for maintaining UI consistency.
UI/UX Gold Standard
28 award-winning UI/UX techniques with 5 engines, 24 databases, and 1,334+ design entries for Claude Code.
UX Discovery Interviewer
AI-powered agent skill that conducts structured UX research interviews, transforming vague product ideas into actionable discovery insights.
UX Expert
Professional UX auditing skill for Claude Code. Performs 14-heuristic SaaS audits, component critiques, accessibility reviews, and delivers developer-ready r...
Video Downloader
Downloads videos from YouTube and other platforms for offline viewing, editing, or archival with support for various formats and quality options.
Video to UI
Convert screen recordings into design data, code edits, or runnable React scaffolds with motion and micro-interactions intact.
Wang Huiwen Product Research Framework
12-phase structured product research methodology from Tsinghua's Wang Huiwen, covering market sizing, scale effects, and product-market fit analysis.
WCAG Auditor
Audit web apps for WCAG 2.2 AA compliance via axe-core, map violations to success criteria, propose code fixes, and generate VPAT reports.
Web Accessibility Plugin
23 cite-backed accessibility skills covering ARIA patterns, WCAG 2.2, keyboard interaction, and cognitive design for Claude Code and Gemini CLI.
Web Architect
4-agent orchestrator that generates complete design systems, architecture plans, and production-ready code with constrained generation to avoid generic AI ou...
Web Docs Capability Research Skill
Research website capabilities and compile help documentation into structured markdown files for analysis.
Website Design Systems MCP
Extract complete design systems from websites and generate AI-ready files to replicate design elements efficiently.
WhyStrohm Content Audit
Score your content against a 5-layer framework. Get diagnostics, exact problem quotes, and live rewrites.
WhyStrohm Voice Scorer
Audit voice consistency between your website and social content with automated drift scoring across 5 dimensions.
WordPress Accessibility
Enforce WCAG 2.1 AA compliance in WordPress themes with automated checks for screen readers, keyboard navigation, color contrast, and focus management.
WordPress UX Design Skill
Claude Code skill enforcing WordPress design best practices including Core Web Vitals, mobile-first design, typography, and navigation UX.
youtube-transcript
Fetch transcripts from YouTube videos and prepare summaries.
Playwright UI Testing Suite
A 16-skill UI testing suite powered by Playwright CLI covering functional testing, visual regression, and UX design quality validation.
UX Designer Skill
Comprehensive UX/UI design guidance based on modern best practices for designing interfaces, reviewing code, and applying WCAG 2.2 AA standards.
Claude A11y Skill
Run comprehensive accessibility audits combining axe-core automated checks with jsx-a11y static analysis in a single command.
UX UI Mastery
A 19-skill design mastery plugin covering typography, colour systems, spacing scales, component APIs, and full WCAG 2.2 compliance.
Design Skills Collection
Research, critique, accessibility, journey mapping, and heuristic evaluation skills that turn Claude Code into an informed design partner.