Design & Styling
Design systems, themes, and brand guidelines
Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy
Theme Factory
Style artifacts with 10 pre-set professional themes or generate custom themes on-the-fly
Web Asset Generator
Generate favicons, app icons (PWA), and social media Open Graph images from logos or text
Frontend Design
The official Claude frontend design skill by Anthropic. Guides Claude Code to create distinctive, production-grade frontend interfaces with high design quality, covering typography, color, motion, spatial composition, and UI design patterns
Architecture Diagram Creator
Creates comprehensive HTML architecture diagrams with SVG visualizations showing business context, data flows, processing pipelines, and system architecture
Dashboard Creator
Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding
Flowchart Creator
Creates HTML flowcharts and process diagrams with SVG-based nodes, decision diamonds, connecting arrows, and optional swimlanes with color-coded types
Timeline Creator
Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding
Impeccable
The design language that makes your AI harness better at frontend design — 1 skill, 23 commands, 45 detector rules
UI/UX Pro Max
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue,
All Design & Styling skills
showing 60 of 7461Password UI tab for OpenClaw dashboard. Manage secrets, credential mappings, and auth state from th...
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and inte...
Complete VPN server setup from scratch. Takes a fresh VPS (IP + root + password from hosting provide...
Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findi...
This skill should be used when the user asks to "check accessibility", "audit WCAG compliance", "sca...
_基于 OpenClaw 内置浏览器工具封装_
Build polished, intentional UIs with concrete CSS/Tailwind values — typography, color, layout, spaci...
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve access...
Accessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patt...
Generate a WCAG 2.2 accessibility audit checklist and remediation suggestions for any UI or design. ...
Run a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and rob...
Conduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remedi...
Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use whe...
Reviews UI components for WCAG compliance, ARIA attributes, keyboard navigation, and screen reader s...
Evaluate accessibility and WCAG compliance of UI components and pages. Use when the user asks to "ch...
Auto-invoke when reviewing JSX with interactive elements, forms, buttons, or navigation. Enforces WC...
Enforce WCAG 2.2 accessibility standards. Use when creating UI components, reviewing frontend code, ...
Add a new event type to the frontend feed system with corresponding React component. Use when user m...
AutoClaw is a browser automation skill that provides comprehensive control over Chrome browser throu...
Manages AdsPower browser profiles, groups, and proxies via the adspower-browser CLI. Requires AdsPow...
You are the Accessibility Engineering Engine — a complete WCAG compliance, inclusive design, and dig...
> Complete methodology for building, optimizing, and operating production Next.js applications. From...
Complete methodology for building production-grade React applications with architecture decisions, c...
Complete UX Research & Design system — user discovery, persona building, journey mapping, usability ...
Complete web performance optimization system. Audit, diagnose, fix, and monitor — no external tools ...
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use ...
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser ...
Agent-browser usage guide. Read this before running any agent-browser commands. Covers the snapshot-...
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including n...
Headless browser automation CLI optimized for AI agents with accessibility tree snapshots and ref-ba...
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use ...
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use ...
A fast Rust-based headless browser automation CLI with Node.js fallback that enables AI agents to na...
Browser automation CLI for AI agents. Use for website interaction, form automation, screenshots, scr...
A fast Rust-based headless browser automation CLI with Node.js fallback that enables AI agents to na...
OpenClaw skill for the agent-browser CLI (Rust-based with Node.js fallback) enabling AI-friendly web...
A fast Rust-based headless browser automation CLI with Node.js fallback that enables AI agents to na...
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including n...
Multi-agent UX for OpenClaw Control UI — agent selector, per-agent sessions, session history viewer ...
Agent Swarm 一人开发团队 - 编排多个 AI 编码 Agent（Codex + Claude Code）完成开发任务
Batteries-included agent component for React/Next.js from ui.inference.sh. One component with runtim...
Batteries-included agent component for React/Next.js from ui.inference.sh. One component with runtim...
---
Implement Agent Workflow Builder using OrbCafe UI (CustomizeAgent). Enterprise-grade React component...
Add Agentation visual feedback toolbar to a Next.js project
Implement AI Agent Configurator using OrbCafe UI (CustomizeAgent). Enterprise-grade React component ...
Use AI to merge individual page HTML files into a unified chapter document. Creates continuous docum...
自动化数据抓取和清洗服务。
Create new AI chat interface components for the ai-elements library following established composable...
Use AI to recreate PDF page as semantic HTML. Consumes three inputs (PNG image, parsed text, ASCII p...
AI Labs Builder - Create modern websites, AI applications, dashboards, and automated workflows. Unif...
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) t...
AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor wo...
Build UI components and pages using AIOZ UI V3 design system. Use this skill whenever the user wants...
AI-powered browser automation using the AIPex Chrome Extension via MCP bridge. Use this skill when t...
Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and rel...
Implement Analytics Platform Base using OrbCafe UI (CAppPageLayout). Enterprise-grade React componen...
Analyze Chromium-based browser artifacts using Hindsight to extract browsing history, downloads, coo...
Expert at analyzing the quality and effectiveness of Claude Code components (agents, skills, command...
Create Angular 20 standalone components using modern patterns: Signals for state management, input()...
Related Guides
If you are an AI agent
Query this directory over HTTP
This site is a searchable directory of harness components for AI coding agents. Fetch objective JSON — names, descriptions, stars, and source links. Installation and selection are yours to decide.
GET https://claudeskills.info/api/v1/search?q=ui%2Fux
GET https://claudeskills.info/api/v1/search?type=subagent&q=review
GET https://claudeskills.info/api/v1/meta
See https://claudeskills.info/llms.txt