SkillDesign
Design System Generator
Generate design systems with color palettes, typography, spacing scales, component tokens, and Tailwind config
✳Claude Code↗Cursor✦Gemini
By vibeevalOriginal project
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 prompts13560 skills6 platforms
Browse resources 
BROWSE RESOURCES
Prompts and skills1006 resources
SkillDesign
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
By bitjaru/styleseed contributors, via Agentic Awesome SkillsOriginal project
MIT + CC-BY-4.0 · FreeView skill
SkillDesign
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
By TheBushidoCollectiveOriginal project
Apache-2.0 · FreeView skill
SkillDesign
Design Systems Best Practices
Comprehensive design system guidelines for building consistent, accessible, and scalable component libraries. Use when creating design tokens, building component libraries, implementing design systems, setting up theming architecture, or establishing UI governance processes.
↗Cursor
By MindrallyOriginal project
Apache-2.0 · FreeView skill
SkillDesign
Color Master
Convert colors between formats (HEX, RGB, HSL, CMYK, LAB, LCH, oklch, ANSI), generate color harmonies (complementary, triadic, analogous), check accessibility (WCAG contrast), and simulate color blindness. Use when working with colors, design systems, CSS themes.
◈OpenClaw
By David-Li0406Original project
Apache-2.0 · FreeView skill
SkillDesign
Frontend Design Review
Review and create distinctive, production-grade frontend interfaces with high design quality and design system compliance. Evaluates using three pillars: frictionless insight-to-action, quality craft, and trustworthy building. USE FOR: PR reviews, design reviews, accessibility audits, design syst...
✳Claude Code>_Codex◈OpenClaw+3
By davidrrowleyOriginal project
MIT · FreeView skill
SkillDesign
extract
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.
✳Claude Code↗Cursor◎ChatGPT
By pbakausOriginal project
MIT · FreeView skill
SkillDesign
Stitch UI Designer
Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code.
◈OpenClaw
By kbarbel640-delOriginal project
MIT · FreeView skill
SkillDesign
UI Mockup
Create high-fidelity UI mockups in HTML/CSS — dashboards, mobile screens, landing pages, and component previews.
✳Claude Code
By inbharataiOriginal project
MIT · FreeView skill
SkillDesign
Review frontend implementations for design-system quality, accessibility, and polish with Frontend Design Review
Audit frontend work against design-system rules, accessibility expectations, responsive behavior, and visual craft before merge or release.
✳Claude Code>_Codex◈OpenClaw+1
By agentskillexchangeOriginal project
MIT · FreeView skill
SkillDesign
Find and export SVG icons across icon libraries for UI work
Use Better Icons when an agent needs to search icon sets, compare matches, and return the exact SVG asset needed for a UI task. It is a narrow asset-selection skill, not a generic icon platform listing.
◈OpenClaw
By agentskillexchangeOriginal project
MIT · FreeView skill
SkillDesign
Core scenarios (what this skill handles)
Superdesign is a design agent, where it specialised in frontend UI/UX design; Use this skill before you implement any UI that require some design thinking. Common commands: superdesign create-project --title "X" --template .superdesign/replica_html_template/home.html --json (setup project), super...
◈OpenClaw
By caeziumOriginal project
MIT · FreeView skill
SkillDesign
frontend-design - AI-Guided UI/UX Design Skill
AI-guided UI/UX design patterns with Gay.jl deterministic colors
>_Codex↗Cursor
By plurigridOriginal project
Apache-2.0 · FreeView skill
SkillContent & Media
Motion Canvas - Production-Ready Video Creation with TypeScript
Complete production-ready guide for Motion Canvas with ESM/CommonJS workarounds, full setup templates, and troubleshooting for programmatic video creation using TypeScript
◈OpenClaw
By DicklesworthstoneOriginal project
MIT · FreeView skill
SkillDesign
Agent Skill: Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier)
Agent Skill: Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier) workflow skill. Use this skill when the user needs designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions and the operator should preserve the upstream wo...
◈OpenClaw
By LeonxlnxOriginal project
MIT + CC-BY-4.0 · FreeView skill
SkillDesign
12 Principles of Animation
Audit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs file:line findings.
✳Claude Code>_Codex↗Cursor+1
By elophantoOriginal project
MIT · FreeView skill
SkillDesign
Lottie Motion Builder
Build or refine small production-ready Lottie animations from SVGs, logos, UI states, loaders, and branded motion assets with a local preview harness, explicit inputs, and output verification. Use when the user asks for Lottie, JSON animation, SVG reveal animation, logo animation, or lightweight ...
◈OpenClaw
By markoblogoOriginal project
MIT · FreeView skill
SkillDesign
GSAP Timeline
Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).
✳Claude Code>_Codex↗Cursor+2
By TuYvOriginal project
MIT · FreeView skill
SkillDesign
gsap-core
Core GSAP API with gsap.to(), from(), fromTo(), easing, duration, stagger, and defaults. Production-grade web animation primitives.
◈OpenClaw
By ali-heydari-1989Original project
Apache-2.0 · FreeView skill
SkillDesign
Frappe Jinja Templates Implementation Workflow
Use when building Jinja templates in Frappe: Print Formats, Email Templates, Notification templates, Portal Pages, and custom Jinja methods. Covers template creation workflows, child table handling, conditional sections, styling, multi-language support, and debugging. Prevents N+1 queries, wrong ...
✳Claude Code
By OpenAEC-FoundationOriginal project
MIT · FreeView skill
SkillDevelopment & Engineering
React Email Component Library for Building Email Templates
React Email is an open source component library for building responsive, cross-client email templates using React and TypeScript. It handles Gmail, Outlook, and Apple Mail inconsistencies, supports dark mode, and renders to standard HTML for use with any email provider.
✳Claude Code>_Codex↗Cursor+2
By agentskillexchangeOriginal project
MIT · FreeView skill
SkillDevelopment & Engineering
Verification Before Completion
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always
✳Claude Code>_Codex◈OpenClaw+1
By obraOriginal project
MIT · FreeView skill
SkillDevelopment & Engineering
sf-b2b-lwc
Build B2B Commerce LWC components — Lightning Web Components with @api/@track/@wire decorators, commerce-specific wire adapters, custom events, Lightning Web Security, Jest unit testing, and component lifecycle. Use when building B2B storefront UI components.
◈OpenClaw
By OrcaQubitsOriginal project
MIT · FreeView skill
SkillDevelopment & Engineering
Snipcart
Snipcart integration. Manage Carts, Products, Customers, Discounts, Orders, ShippingRates. Use when the user wants to interact with Snipcart data.
◈OpenClaw
By membranedevOriginal project
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.