SkillDesign
ASCII Art Skill
ASCII art: pyfiglet, cowsay, boxes, image-to-ascii.
✳Claude Code>_Codex◈OpenClaw+2
By NousResearchOriginal project
185,036 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 skills2977 resources
SkillDesign
p5.js Production Pipeline
p5.js sketches: gen art, shaders, interactive, 3D.
✳Claude Code>_Codex◈OpenClaw+2
By NousResearchOriginal project
185,036 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◈OpenClaw+2
By wshobsonOriginal project
41,903 GitHub starsMIT · FreeView skill
SkillDesign
Excalidraw Diagram Generator
Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system ...
✳Claude Code>_Codex◈OpenClaw+2
By github/awesome-copilot contributorsOriginal project
33,150 GitHub starsMIT · FreeView skill
SkillDesign
Epic Design Skill
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, secti...
✳Claude Code>_Codex◈OpenClaw+2
By LeoYeAIOriginal project
2,166 GitHub starsMIT · FreeView skill
SkillContent & Media
Reveal.js Presentations
Create polished, professional reveal.js presentations. Use when the user asks to create slides, a presentation, a deck, or a slideshow. Supports themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling. Generates HTML + CSS with no build step r...
✳Claude Code>_Codex◈OpenClaw+2
By LeoYeAIOriginal project
2,166 GitHub starsMIT · FreeView skill
SkillDesign
Google Web Fonts
Use the Google Fonts API to add fonts to web pages.
✳Claude Code>_Codex◈OpenClaw+3
By LeoYeAIOriginal project
2,166 GitHub starsMIT · FreeView skill
SkillDesign
3D Web Experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.
✳Claude Code>_Codex◈OpenClaw+2
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Infographic Outline Creator
Create infographic outline creator operations. Auto-activating skill for Visual Content. Triggers on: infographic outline creator, infographic outline creator Part of the Visual Content skill category. Use when working with infographic outline creator functionality. Trigger with phrases like "inf...
✳Claude Code>_Codex↗Cursor+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Org Chart Creator
Create org chart creator operations. Auto-activating skill for Visual Content. Triggers on: org chart creator, org chart creator Part of the Visual Content skill category. Use when working with org chart creator functionality. Trigger with phrases like "org chart creator", "org creator", "org".
✳Claude Code>_Codex↗Cursor+1
By DicklesworthstoneOriginal project
1,947 GitHub starsMIT · FreeView skill
SkillDesign
Color Palette Extractor
Extract color palettes from images, websites, or designs. Identifies dominant colors, generates complementary schemes, and exports in multiple formats (HEX, RGB, HSL, Tailwind, CSS variables). Use when users need color schemes from images, brand colors, or design system palettes.
✳Claude Code>_Codex◈OpenClaw+1
By nicepkgOriginal project
193 GitHub starsMIT · FreeView skill
SkillDesign
Anime.js
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG...
✳Claude Code>_Codex↗Cursor+2
By freshtechbroOriginal project
277 GitHub starsMIT · FreeView skill
SkillDesign
Modern Web Design
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trend...
✳Claude Code>_Codex◈OpenClaw+1
By freshtechbroOriginal project
277 GitHub starsMIT · FreeView skill
SkillDesign
colorize
Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette.
✳Claude Code>_Codex◈OpenClaw+1
By growupanandOriginal project
101 GitHub starsApache-2.0 · FreeView skill
SkillDesign
Design Critic
Aesthetic assessment and remix partner with trained visual taste. Provides structured design critiques using a 6-dimension scoring system inspired by VisualQuality-R1 chain-of-thought reasoning.
✳Claude Code>_Codex↗Cursor+1
By curiositechOriginal project
119 GitHub starsMIT · FreeView skill
SkillDesign
Typography Expert
Master typographer specializing in font pairing, typographic hierarchy, OpenType features, variable fonts, and performance-optimized web typography. Use for font selection, type scales, web
✳Claude Code>_Codex↗Cursor+2
By curiositechOriginal project
119 GitHub starsMIT · FreeView skill
SkillDesign
Web Cloud Designer
Creates realistic cloud effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for atmospheric backgrounds, weather effects, skyboxes,
✳Claude Code>_Codex↗Cursor+1
By curiositechOriginal project
119 GitHub starsMIT · FreeView skill
SkillDesign
Web Weather Creator
Master of stylized atmospheric effects using SVG filters and CSS animations. Creates clouds, waves, lightning, rain, fog, aurora borealis, god rays, lens flares, twilight skies, and ocean spray—all
✳Claude Code>_Codex↗Cursor+1
By curiositechOriginal project
119 GitHub starsMIT · FreeView skill
SkillData & Analytics
Tufte Visualization Ideation
Ideate and critique data visualizations using Edward Tufte's principles from "The Visual Display of Quantitative Information." Use this skill when: (1) Designing new data visualizations or charts (2) Critiquing or improving existing visualizations (3) Reviewing dashboards or reports for graphical...
✳Claude Code>_Codex◈OpenClaw+1
By edmundmillerOriginal project
62 GitHub starsMIT · FreeView skill
SkillDesign
Interfaith Sacred Geometry
Generate sacred geometry patterns with interfaith symbolism for spiritual visualizations and art. Use when creating visual representations that honor multiple religious traditions, designing meditation aids, building soul journey visualizations, or producing art that bridges sacred traditions thr...
✳Claude Code>_Codex◈OpenClaw+2
By luokai0Original project
13 GitHub starsMIT · FreeView skill
SkillData & Analytics
Three.js Interactive Builder
Scaffold and build interactive 3D visualizations using Three.js with emphasis on algorithmic art, sacred geometry, temporal animations, and modular architecture. Use when creating WebGL visualizations, generative art pieces, interactive 3D experiences, particle systems, flow fields, or projects l...
✳Claude Code>_Codex↗Cursor+2
By luokai0Original project
13 GitHub starsMIT · FreeView skill
SkillDesign
ReportLab PDF Generation
PDF generation toolkit. Create invoices, reports, certificates, forms, charts, tables, barcodes, QR codes, Canvas/Platypus APIs, for professional document automation.
✳Claude Code>_Codex↗Cursor+1
By MicrockOriginal project
224 GitHub starsMIT · FreeView skill
SkillDesign
Design Trend Analyzer
Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements. NOT for accessibility auditing or full design system creation.
✳Claude Code>_Codex◈OpenClaw+2
By curiositechOriginal project
119 GitHub starsMIT · FreeView skill
SkillDesign
Unsplash Asset Images (Avatars, Portraits, Backgrounds, Wallpapers)
Use when you need to pick high-quality Unsplash images for product/design assets (avatars, headshots, portraits, large website backgrounds, and abstract wallpapers) and output real Unsplash URLs plus practical instructions for producing the right resolutions and aspect ratios (1:1, 4:5, 3:4, 16:9...
✳Claude Code>_Codex◈OpenClaw+1
By MengToOriginal 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.