SkillDesign & UX
Thoughtful interface critique
Review an interface against user tasks, hierarchy, consistency, and state coverage.
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
FREE RESOURCE LIBRARYAI prompts and
AI prompts and
agent skills.
Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.
108 prompts7560 skills6 platforms
Browse resources 
FILTER BY AI TOOLAll platforms 7668
BROWSE RESOURCES
Codex resources364 resources
SkillDesign & UX
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 ...
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
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.
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
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...
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
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 ...
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
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.
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
Penpot UI/UX Design Guide
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing page...
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
Design System Starter
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
frontend-ui-ux-design
Creates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementations. Produces wireframes, mockups, design specifications, and implementation guidelines. Use when designing user interfaces, creating desi...
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
UI Review
UI Review workflow skill. Use this skill when the user needs Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality and the operator should preserve the upstream workflow, copied support files, and provenance before ...
✳Claude Code>_Codex↗Cursor+1
MIT + CC-BY-4.0 · FreeView skill
SkillDesign & UX
css-inspector
Deep CSS analysis tool for understanding specificity, cascade order, inheritance chains, and computed styles. Visualizes CSS complexity and suggests simplifications. Use when debugging specificity issues or understanding CSS behavior.
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
design-system-architecture
Build scalable design systems with design tokens, component APIs, and documentation. Use when creating or evolving component libraries.
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
design-excellence
Design system and anti-patterns for professional UI. Ensures apps don't look "AI generated". Defines color palettes, typography, spacing, animations, and common anti-patterns to avoid. Used by Design Reviewer sub-agent to polish UI. Triggers: design review, polish UI, improve aesthetics, looks li...
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
Color Accessibility
Design color palettes that are accessible to all users including those with color blindness. Ensure sufficient contrast, meaningful use of color, and inclusive design.
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
generic-design-system
Complete design system reference for any project - colors, typography, spacing, components, animations. Adapts to project theme and tech stack. Use when implementing UI, choosing colors, creating animations, or ensuring brand consistency. For new design systems, use ui-research skill first.
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
Atomic Design Fundamentals
Use when applying Atomic Design methodology to organize UI components into quarks, atoms, molecules, organisms, templates, and pages. Core principles and hierarchy.
✳Claude Code>_Codex↗Cursor+1
Apache-2.0 · FreeView skill
SkillDesign & UX
color-system-designer
Creates color palettes and color systems for applications. Defines primary, secondary, neutral colors, and semantic colors (success, error, warning, info). Ensures accessibility compliance and provides usage guidelines.
✳Claude Code>_Codex↗Cursor+1
MIT · FreeView skill
SkillDesign & UX
UI Final Polish
Final visual polish for an existing UI without redesigning it. Use after structure is clear, when asked to improve spacing, alignment, text hierarchy, readability, shadows, highlights, effects, action placement, or overall production feel. For screen structure, layer naming, code handoff, preview...
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
Colour Independence
Design interfaces where colour is never the only way information is communicated. Use when designing status indicators, data visualisations, form validation, alerts, maps, or any content that uses colour to convey meaning. Triggers on: colour blind, color blind, colour alone, color alone, colour ...
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
Feedback and Status Design
Design feedback and status communication that works across senses — visual, auditory, and haptic. Use when designing loading states, success messages, progress indicators, notifications, alerts, or any system response to user action. Triggers on: feedback, status, notification, alert, loading, pr...
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
Typography System
创建完整的排版系统，包括字体选择、字号层级、字重系统、行高系统和字间距系统。确保排版系统符合无障碍标准并支持响应式设计。
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
agent-ui-designer
Expert visual designer specializing in creating intuitive, beautiful, and accessible user interfaces. Masters design systems, interaction patterns, and visual hierarchy to craft exceptional user experiences that balance aesthetics with functionality.
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
accessibility-audit
WCAG 2.2 accessibility expertise — auto-activates on designer tasks to flag violations before handoff
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
SkillDesign & UX
Readable Measure
Set optimal line lengths for readability across typography scales and responsive layouts.
✳Claude Code>_Codex◈OpenClaw+1
MIT · FreeView skill
No matching resources.
Try another platform, a broader search, or fewer filters.
Explore all resourcesResource formats: Prompts are ready to copy into a conversation. Skills install into the compatible agent shown on their page.
How it worksCONTRIBUTE
Submit a resourceSubmit a prompt or skill
Include the instructions, intended platforms, author, and license. Submissions are reviewed before publication.