Skills

Reusable professional capabilities and workflows for AI agents

Skill

Diagram Design

cathrynlavery/diagram-design
Frontend & design★ 42.0k

Diagram Design is a technical-diagram skill for Codex, Claude Code, Pi, and other agent hosts. It creates self-contained HTML with inline SVG and redraws draw.io, Mermaid, and Excalidraw sources.

DesignMediaCodexClaude Code
Skill

img2threejs

img2threejs/img2threejs
Coding & development★ 14.0k

img2threejs lets Claude Code, Codex, or OpenCode rebuild an object or character reference as animation-ready procedural Three.js code through staged specs, renders, and review gates.

CodeDesignClaude CodeCodex
Skill

IP as Logo

s1dashu/ip-as-logo-skill
Frontend & design★ 4.9k

IP as Logo is an open-format Agent Skill that proposes three character directions, waits for approval, and then generates six independent square candidates. It uses bold silhouettes, three semantic colors, lower-corner composition, and a strict detail budget to keep characters simple and recognizable.

DesignMediaCodexCoze
Skill

gbro-cover-design

pyang5166/gbro-cover-design
Images & multimedia★ 650

Turns WeChat and Xiaohongshu articles into 3:4 vertical cover prompts through three rounds of questions about style, source material, and visual details.

DesignMediaClaude CodeCodex
Skill

Yingzao

op7418/guizang-yingzao-skill#yingzao
Images & multimedia★ 413

Yingzao is an Agent Skill for Claude Code, Codex, and other hosts that support Skills and image-generation tools. It inspects real photos and factual boundaries, then combines a dominant reference, Chinese display-type design, and a sparse layout guide in one integrated image edit, with an optional 3×3 video storyboard after user approval.

DesignMediaClaude CodeCodex
Skill

MapStage

hopechen067/mapstage#mapstage
Frontend & design★ 330

MapStage is an open-source Skill for coding agents with a browser-based tuner for map and globe projections, satellite imagery, hypsometric relief, hillshade, 3D terrain, region isolation, and JSON preset export.

DesignCodeCodexGrok
Skill

LiveCanvas

pengchujin/livecanvas#livecanvas
Images & multimedia★ 225

LiveCanvas is an open-source Skill for Codex, Claude Code, and other AI coding assistants. It researches and checks source material, builds a Remotion animation with a designed cover, scenes, images, emoji, timelines, or charts, and can package Apple Live Photo resources on a supported macOS environment.

MediaDesignCodexClaude Code