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 skills718 resources
SkillDesign
Sketch
Throwaway HTML mockups: 2-3 design variants to compare.
◈OpenClaw
By NousResearchOriginal project
MIT · FreeView skill
SkillDesign
DESIGN.md Skill
Author/validate/export Google's DESIGN.md token spec files.
◈OpenClaw
By CUexterOriginal project
MIT · FreeView skill
SkillDesign
Form — Visual Design
Visual designer — brand identity, color systems, typography, design tokens, and UI design.
✳Claude Code↗Cursor◎ChatGPT+1
By tonone-aiOriginal project
MIT · FreeView skill
SkillDesign
Claude Design for CLI/API Agents
Design one-off HTML artifacts (landing, deck, prototype).
◈OpenClaw
By NousResearchOriginal 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 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
Web Design Expert
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout composition, and responsive
◈OpenClaw
By curiositechOriginal 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
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
By aj-geddesOriginal 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
Aesthetic
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Integrate localiz...
✳Claude Code>_Codex◈OpenClaw+2
By ngxtmOriginal project
MIT · 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
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
By lexicalninjaOriginal project
MIT · FreeView skill
SkillDesign
ui-ux-designer
ui-ux-designer workflow skill. Use this skill when the user needs Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools and the operator should preserve the upstream workflow, copied support files, and provenance before m...
✳Claude Code↗Cursor✦Gemini
By diegosouzapwPackage repository
MIT + CC-BY-4.0 · FreeView skill
SkillDesign
Designer
Create logos, interfaces, and visual systems with principles of hierarchy, branding, and usability.
✳Claude Code>_Codex◈OpenClaw+1
By clawicOriginal project
MIT · FreeView skill
SkillDesign
Game Art Principles
Game art principles. Visual style selection, asset pipeline, animation workflow.
◈OpenClaw
By davila7Original 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 diegosouzapwPackage repository
MIT + CC-BY-4.0 · FreeView skill
SkillContent & Media
Click sound - short sine burst
Use this skill when adding audio to programmatic videos - generating narration with ElevenLabs TTS, sourcing royalty-free background music, creating SFX with FFmpeg, implementing audio ducking, or mixing multiple audio layers in Remotion. Triggers on ElevenLabs, text-to-speech, voice generation, ...
✳Claude Code✦Gemini
By mkurmanOriginal project
MIT · FreeView skill
SkillDesign
appeal-mastery
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
✳Claude Code>_Codex◈OpenClaw+3
By dylantarreOriginal project
MIT · FreeView skill
SkillDesign
after-effects
Use when implementing Disney's 12 animation principles in Adobe After Effects
✳Claude Code>_Codex◈OpenClaw+1
By dylantarreOriginal project
MIT · FreeView skill
SkillContent & Media
Media Interpolate
AI frame interpolation with open-source + commercial-safe models: RIFE (MIT, current best real-time open-source interpolator; ECCV 2022; available as rife-ncnn-vulkan prebuilt CLI on macOS/Linux/Windows), FILM (Apache 2.0, Google 2022, excels on large motion), PractCL (MIT, practical cascaded ref...
◈OpenClaw
By damionrashfordOriginal project
MIT · FreeView skill
SkillDesign
Vfx Openexr
Work with OpenEXR VFX image format: exrheader (dump header attributes), exrinfo (concise info), exrmaketiled (scanline to tiled for MIP-map access), exrenvmap (latlong / cube environment-map conversion), exrmakepreview (embed thumbnail), exrmultipart (split/combine multi-part), exrmultiview (spli...
◈OpenClaw
By damionrashfordOriginal project
MIT · FreeView skill
SkillContent & Media
Ffmpeg Compose Mask
Advanced compositing, masking, and channel operations with ffmpeg: maskedclamp, maskedmax, maskedmin, maskedmerge, maskedthreshold, maskfun, alphamerge, alphaextract, premultiply, unpremultiply, displace, hysteresis, floodfill, remap, mergeplanes, shuffleplanes, extractplanes, shuffleframes, shuf...
◈OpenClaw
By damionrashfordOriginal 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.