4,886,759 AI resources indexedWorking toward the world’s largest AI resource index.

Agent skills

Reusable instructions for compatible AI agents.

How to use the library

Explore by field

Loading catalog totals…
Browse full catalog

Field counts come from the latest full-catalog snapshot. A resource can belong to several fields and platforms.

Resources

Search results
Search stays within agent skills.
Agent skill

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,

ClaudeCodexCursorDesign
curiositech262
Agent skill

Scroll Storyteller

Use when creating interactive scroll-based storytelling experiences with mouse-following spotlight effects, animated SVG art, and the Anthropic design language. Load for explainer pages, product showcases, visual narratives, or any content needing immersive scroll storytelling with organic shapes...

ClaudeCursorDesign
ingpoc7
Agent skill

Cut Recon

Audit existing icons and illustrations in a codebase — find inconsistencies, unoptimized SVGs, and accessibility gaps.

OpenClawDesign
tonone-ai77
Agent skill

Infographic Builder

Build data-rich infographics as SVG or HTML — timelines, process flows, comparison charts, and statistical summaries.

ClaudeDesign
inbharatai43
Agent skill

Icon Generator

Generate consistent icon sets in SVG — line icons, filled icons, duotone, and multi-size PNG exports for apps and websites.

ClaudeDesign
inbharatai43
Agent skill

Logo Designer

Design SVG logos with multiple variants — primary, monochrome, favicon, and animated versions with brand alignment.

ClaudeDesign
inbharatai43
Agent skill

HTML Diagram Artifact

Create a self-contained HTML artifact for architecture, stack, and system-flow explanation using SVG-first diagrams and minimal prose. Use when the user needs a standalone visual deliverable that makes a system, request path, ownership map, or execution flow click quickly.

OpenClawContent & Media
markoblogo16
Agent skill

Architecture Diagram Skill

Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics. Use when the user asks for system architecture diagrams, infrastructure diagrams, cloud architecture visualizations, security diagrams, network topology diagrams, or any technical diagram showing sy...

OpenClawDesign
Cocoon AI (hello@cocoon-ai.com)452
Agent skill

Pixel Art SVG Generator

Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.

ClaudeCodexCursorDesign
wanshuiyin18,589
Agent skill

Pixel Art SVG Generator

Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.

ClaudeCursorDesign
OpenLAIR

Platform labels describe intended use. Read each resource's author credits, requirements and available access methods.