SkillDesign
Popular Web Designs
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
◈OpenClaw
By NousResearchOriginal 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 skills944 resources
SkillDesign
Sketch
Throwaway HTML mockups: 2-3 design variants to compare.
◈OpenClaw
By NousResearchOriginal project
MIT · FreeView skill
SkillDesign
Figma
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.
◈OpenClaw
By membranedevOriginal project
MIT · FreeView skill
SkillDesign
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
By diegosouzapwPackage repository
MIT · FreeView skill
SkillDesign
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...
✳Claude Code>_Codex↗Cursor+2
By majiayu000Package repository
MIT · FreeView skill
SkillDesign
UI/UX Pro Max - Design Intelligence
UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, bl...
◈OpenClaw
By diegosouzapwPackage repository
MIT · FreeView skill
SkillDesign
AI Agent 团队 - OpenClaw 技能
AI Agent 团队 - 61 个专业 Agent，8 大部门，完整的 AI 代理机构。支持单 Agent 使用和多 Agent 协作编排。
◈OpenClaw
By egbertieOriginal project
MIT · FreeView skill
SkillDesign
Design System — Generate & Audit Visual Systems
Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.
◈OpenClaw
By affaan-mOriginal project
MIT · FreeView skill
SkillDesign
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
By davila7Original project
MIT · FreeView skill
SkillDesign
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...
✳Claude Code>_Codex
By Dammyjay93Original project
MIT · FreeView skill
SkillDesign
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
By davila7Original project
MIT · FreeView skill
SkillDesign
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
By DauQuangThanhOriginal project
MIT · FreeView skill
SkillDesign
design-system-architect
Expert in building scalable design systems with Atomic Design, design tokens, and theming infrastructure. Use when creating component libraries, implementing dark mode, or establishing typography and color systems. Covers multi-brand support, Storybook-driven development, and accessibility-first ...
◈OpenClaw
By anton-abyzovOriginal project
MIT · FreeView skill
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
SkillDesign
axiom-liquid-glass
Use when implementing Liquid Glass effects, reviewing UI for Liquid Glass adoption, debugging visual artifacts, optimizing performance, or requesting expert review of Liquid Glass implementation - provides comprehensive design principles, API patterns, and troubleshooting guidance from WWDC 2025....
✳Claude Code↗Cursor◎ChatGPT
By CharlesWiltgenOriginal project
MIT · FreeView skill
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 diegosouzapwPackage repository
MIT + CC-BY-4.0 · FreeView skill
SkillDesign
converting-figma-designs
Figma Dev Mode MCP 도구를 활용한 디자인-코드 변환 지원. 디자인 요소 추출, 코드 생성, 스크린샷 캡처, 메타데이터 분석 시 사용. Figma 링크나 디자인 작업 요청 시 자동 활성화.
◈OpenClaw
By jeongskOriginal project
MIT · FreeView skill
SkillDesign
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
By andronicsOriginal project
MIT · FreeView skill
SkillDesign
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
By NickCrewOriginal project
MIT · FreeView skill
SkillDesign
frontend-design-fix
Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions
◈OpenClaw
By matteocervelliOriginal project
MIT · FreeView skill
SkillDesign
gemini-visual
Visual and front-end development assistant powered by Google Gemini 3. Use for UI analysis, design comparison, accessibility audits, color palette extraction, screenshot-to-code conversion, generating UI assets, and text-based design assistance from briefs.
◈OpenClaw
By ckorhonenOriginal project
MIT · FreeView skill
SkillDesign
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
By travisjneumanOriginal project
MIT · 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
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.