SkillDesign
UI Design Skill (Web)
Web UI - glassmorphism, Tailwind, dark mode, accessibility
✳Claude Code◈OpenClaw↗Cursor
By alinaqiOriginal project
693 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 prompts34951 skills6 platforms
Browse resources 
BROWSE RESOURCES
Prompts and skills1358 resources
SkillDesign
stitch-loop
Iterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.
◈OpenClaw
By ali-heydari-1989Original project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
web-design-guidelines
Web design guidelines and standards by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.
◈OpenClaw
By ali-heydari-1989Original project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
taste-skill
High-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density to stop generic UI slop.
◈OpenClaw
By ali-heydari-1989Original project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
theme-factory
Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.
◈OpenClaw
By ali-heydari-1989Original project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
ui-skills
Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.
◈OpenClaw
By ali-heydari-1989Original project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
threejs
Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.
◈OpenClaw
By ali-heydari-1989Original project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Sandbox - Visual Canvas
Visual HTML canvas sandbox for agent-driven UI and live previews
◈OpenClaw
By alsk1992Original project
374 GitHub starsMIT · FreeView skill
SkillDesign
wpds
WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.
◈OpenClaw
By ali-heydari-1989Original project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
ui-ux-pro-max
Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in Open Design.
◈OpenClaw
By ali-heydari-1989Original project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Stitch DESIGN.md Skill
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
◈OpenClaw
By andrewthomastaylorOriginal project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Stitch Design Expert
Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
◈OpenClaw
By andrewthomastaylorOriginal project
0 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Theme Factory Skill
ALWAYS use this when the task is to pick or apply a coherent visual theme across slides, docs, reports, landing pages, or other styled artifacts rather than designing colors and fonts from scratch each time.
◈OpenClaw
By Anhvu1107Original project
25 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Blender MCP
Control Blender directly from Hermes via socket connection to the blender-mcp addon. Create 3D objects, materials, animations, and run arbitrary Blender Python (bpy) code. Use when user wants to create or modify anything in Blender.
✳Claude Code>_Codex◈OpenClaw+1
By aniruddhaadak80Original project
0 GitHub starsMIT · FreeView skill
SkillDesign
Architecture Diagram Skill
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
✳Claude Code>_Codex◈OpenClaw+1
By aniruddhaadak80Original project
0 GitHub starsMIT · FreeView skill
SkillDesign
Frontend Design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
✳Claude Code>_Codex◈OpenClaw+1
By anthropicsOriginal project
150,412 GitHub starsApache-2.0 · FreeView skill
SkillDesign
p5.js Production Pipeline
p5.js sketches: gen art, shaders, interactive, 3D.
✳Claude Code>_Codex◈OpenClaw+1
By aniruddhaadak80Original project
0 GitHub starsMIT · FreeView skill
SkillDesign
Makepad DSL Skill
CRITICAL: Use for Makepad DSL syntax and inheritance. Triggers on: makepad dsl, live_design, makepad inheritance, makepad prototype, "<Widget>", "Foo = { }", makepad object, makepad property, makepad DSL 语法, makepad 继承, makepad 原型, 如何定义 makepad 组件
◈OpenClaw
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
Makepad Shaders Skill
CRITICAL: Use for Makepad shader system. Triggers on: makepad shader, makepad draw_bg, Sdf2d, makepad pixel, makepad glsl, makepad sdf, draw_quad, makepad gpu, makepad 着色器, makepad shader 语法, makepad 绘制
◈OpenClaw
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
Magic UI Generator
Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.
◈OpenClaw
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
Makepad Layout Skill
CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad align, Fit, Fill, Size, Walk, "how to center in makepad", makepad 布局, makepad 宽度, makepad 对齐, makepad 居中
✳Claude Code>_Codex◈OpenClaw+1
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
Magic Animator Skill
AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.
◈OpenClaw
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
@nerdzao-elite-gemini-high
Modo Elite Coder + UX Pixel-Perfect otimizado especificamente para Gemini 3.1 Pro High. Workflow completo com foco em qualidade máxima e eficiência de tokens.
✦Gemini
By ASoudyOriginal project
0 GitHub starsMIT · FreeView skill
SkillDesign
LibreOffice Draw
Vector graphics and diagram creation, format conversion (ODG/SVG/PDF) with LibreOffice Draw.
◈OpenClaw
By ASoudyOriginal project
0 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.