Agent skill
Popular Web Designs
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
OpenClawDesign
NousResearch260,297
Agent skills
Reusable instructions for compatible AI agents.
Explore by field
Loading catalog totals…Field counts come from the latest full-catalog snapshot. A resource can belong to several fields and platforms.
Resources
Search resultsAgent skill
Accessibility Design
WCAG 2.1 AA compliance patterns, screen reader compatibility, keyboard navigation, and ARIA best practices. Use when implementing accessible interfaces, reviewing UI components, or auditing accessibility compliance. Covers semantic HTML, focus management, color contrast, and assistive technology ...
ClaudeCodexOpenClawDesign
I2olanD
Agent skill
Design System Creation
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency. Keywords: design-tokens, typography, spacing, color-palette, compon...
ClaudeCodexCursorDesign
secondsky245
Agent skill
Interaction Design
Creates intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. Use when designing loading states, error handling UX, animation guidelines, or touch interactions.
ClaudeCodexCursorDesign
secondsky245
Agent skill
DESIGN.md Skill
Author/validate/export Google's DESIGN.md token spec files.
OpenClawDesign
CUexter2
Agent skill
Form — Visual Design
Visual designer — brand identity, color systems, typography, design tokens, and UI design.
ClaudeCursorChatGPTDesign
tonone-ai77
Agent skill
Claude Design for CLI/API Agents
Design one-off HTML artifacts (landing, deck, prototype).
OpenClawDesign
NousResearch260,297
Agent skill
Figma Component Audit Skill
Audit a Figma component library for consistency, coverage gaps, and naming issues. Use when asked to audit components, review a design system, check component consistency, identify missing components, or assess Figma library health. Produces a structured audit report with issues prioritised by im...
ClaudeCodexOpenClawDesign
mohitagw158561,512
Agent skill
Figma Prototype Plan Skill
Plan prototype interactions and flows for user testing in Figma. Use when asked to plan a Figma prototype, set up prototype interactions, define what to prototype for a user test, or prepare a Figma prototype for usability testing. Produces a prototype scope, interaction specification, test task ...
ClaudeCodexOpenClawDesign
mohitagw158561,512
Agent skill
Design System — Generate & Audit Visual Systems
Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.
OpenClawDesign
affaan-m296,658
Agent skill
UI Design System
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
ClaudeCodexCursorDesign
davila733,110
Agent skill
Interface Design
Craft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. Use when designing, building, reviewing, auditing, or refining product UI where visual craft, layout hierarchy, tokens, states, visual direction, image-based ref...
ClaudeCodexDesign
Dammyjay935,042
No matching resources
Try a broader search or clear some filters.
Platform labels describe intended use. Read each resource's author credits, requirements and available access methods.