SkillDesign
UI/UX Pro Max - Design Intelligence
Provides comprehensive UI/UX design intelligence with styles, palettes, and guidelines for web and mobile applications.
◈OpenClaw
By davila7Original project
27,917 GitHub starsMIT · 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 prompts54951 skills6 platforms
Browse resources 
BROWSE RESOURCES
Prompts and skills1358 resources
SkillDesign
Writing style verbosity (V1: default = ELI10, terse = tighter V0 prose.
Design finalization: generates production-quality Pretext-native HTML/CSS. Works with approved mockups from /design-shotgun, CEO plans from /plan-ceo-review, design review context from /plan-design-review, or from scratch with a user description. Text actually reflows, heights are computed, layou...
◈OpenClaw
By devs6186Original project
0 GitHub starsMIT · FreeView skill
SkillDesign
Writing style verbosity (V1: default = ELI10, terse = tighter V0 prose.
Design shotgun: generate multiple AI design variants, open a comparison board, collect structured feedback, and iterate. Standalone design exploration you can run anytime. Use when: "explore designs", "show me options", "design variants", "visual brainstorm", or "I don't like how this looks". Pro...
◈OpenClaw
By devs6186Original project
0 GitHub starsMIT · FreeView skill
SkillDesign
Writing style verbosity (V1: default = ELI10, terse = tighter V0 prose.
Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview pages. Creates DESIGN.md as your project's design source of truth. For existing sites, use /plan-des...
◈OpenClaw
By devs6186Original project
0 GitHub starsMIT · FreeView skill
SkillDesign
UI Skills
Opinionated constraints for building better interfaces with agents.
✳Claude Code>_Codex↗Cursor+2
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Google Stitch — AI UI/UX Design Generation
Generate UI designs and frontend code with Google Stitch via MCP. Use when asked to create screens, mockups, UI designs, or generate frontend code from text descriptions. Supports desktop, mobile, and tablet layouts.
◈OpenClaw
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Tailwind Design System (v4)
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
✳Claude Code↗Cursor◎ChatGPT+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Design System Patterns
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.
✳Claude Code>_Codex◈OpenClaw+2
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Interaction Design
Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
✳Claude Code>_Codex↗Cursor+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Android Mobile Design
Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.
✳Claude Code>_Codex↗Cursor+2
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
iOS Mobile Design
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.
✳Claude Code↗Cursor◎ChatGPT
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Visual Design Foundations
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.
✳Claude Code>_Codex↗Cursor+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Frontend Design Skill
Design and implement distinctive, production-ready frontend interfaces with strong aesthetic direction. Use when asked to create or restyle web pages, components, or applications (HTML/CSS/JS, React, Vue, etc.).
✳Claude Code>_Codex↗Cursor+1
By DicklesworthstoneOriginal project
1,947 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Responsive Design
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
✳Claude Code>_Codex◈OpenClaw+2
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Web Component Design
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.
✳Claude Code>_Codex↗Cursor+2
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Interactive Portfolio
Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, sho...
✳Claude Code>_Codex↗Cursor+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Scroll Experience
Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use w...
✳Claude Code↗Cursor◎ChatGPT+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Obsidian Core Workflow B: UI Components
Execute Obsidian secondary workflow: UI components and user interaction. Use when building modals, views, suggestions, or custom UI elements. Trigger with phrases like "obsidian modal", "obsidian UI", "obsidian view", "obsidian custom interface".
✳Claude Code>_Codex◈OpenClaw+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
UI Skills
Opinionated constraints for building better interfaces with agents.
✳Claude Code>_Codex↗Cursor+2
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
MUI v7 Patterns
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.
✳Claude Code>_Codex↗Cursor+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Mobile Design System
Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.
◈OpenClaw
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
◈OpenClaw
By David-Li0406Original project
3 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Avalonia Layout with Zafiro.Avalonia
Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.
◈OpenClaw
By DokhacgiakhoaOriginal project
450 GitHub starsMIT · FreeView skill
SkillDesign
Design Orchestration (Meta-Skill)
Orchestrates design workflows by routing work through brainstorming, multi-agent review, and execution readiness in the correct order. Prevents premature implementation, skipped validation, and unreviewed high-risk designs.
◈OpenClaw
By DokhacgiakhoaOriginal project
450 GitHub starsMIT · 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.