cc-design
High-fidelity HTML design and prototype creation. Use this skill whenever the user asks to design, prototype, mock up, or build visual artifacts in HTML —…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Design & creation
21,269 results
upgrade-deps
Upgrade a repository's dependencies safely, one at a time, in any ecosystem — npm/pnpm/yarn/bun, cargo, go modules, pip/poetry/uv, gradle/maven, Docker images,…
shopify-product-images-downloader
Download product images from any public Shopify store without API access. Use when someone wants a full backup, a collection-only export, or a single-product…
vhs
Record terminal sessions as GIF/MP4/WebM using VHS (Charm.sh). Use when: create demo GIF, record terminal, terminal recording, demo video, tape file, animate…
matlab-analyze-spectral-images
Work with hyperspectral and multispectral images in MATLAB. Covers reading/writing (ENVI, NITF, TIFF, Sentinel-2, Landsat, ASTER), ECOSTRESS spectral…
matlab-integrate-antenna
Integrate antennas into RF systems using MATLAB Antenna Toolbox and RF Toolbox. Covers impedance matching network design (L/Pi/Tee topologies, evaluation…
yichen-jianying-editor
Use when the user asks Codex to operate the Jianying/CapCut desktop app, import video/audio assets, place assets onto the timeline, manually edit or refine within Jianying, add subtitles, export video, or requests logging the project while operating Jianying.
brainstorming
Use when starting a non-trivial feature, behavior change, or when a proposed plan's intent is unclear. Presents design + gets user approval before any code…
journey-mapping
User and customer journey mapping for experience analysis. Creates journey maps with touchpoints, emotions, pain points, and opportunity identification.
ai-startup-building
Builds AI-native products using Dan Shipper's 5-product playbook and Brandon Chu's AI product frameworks. Use when implementing prompt engineering, creating…
demo-video
Assemble ordered frames or clips with narration and optional synchronized scene transitions into an MP4 via FFmpeg
opengraph-images
Create dynamic OpenGraph images for social media sharing using Next.js ImageResponse API. Use when adding OG images to new pages, updating existing OG images,…
slides-grab-design
Stage 2 design skill usable in Codex and Claude Code. Generate and iterate slide-XX.html files in the selected slides workspace.
extract-design
Reverse-engineer a DESIGN.md file (per the google-labs-code/design.md spec) from an existing source — HTML page, screenshot, live URL, or design exports.…
5km-littlebox-illustrations
Create hand-drawn Littlebox (小盒) article illustrations and illustration plans for essays, posts, blogs, docs, product thinking, workflows, methods,…
gen
Use Okou generation pipelines for images, presentations, websites, reports, and designs.
nano-banana-pro
Generate or edit images via Gemini 3 Pro Image (Nano Banana Pro).
industrial-brutalist-ui
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog…
cognitive-foundations
Apply cognitive science and HCI research to design decisions. Use when you need the scientific 'why' behind usability, explaining user behavior, understanding…
modular-saas-architecture
Use when designing tenant-selectable SaaS modules, dependency contracts, module toggles, lifecycle hooks, or safe enable and disable behaviour.
pflow-grill
Grills the user relentlessly about a plan, decision, or idea until both sides reach a shared understanding. Maps the subject as a design tree and interviews in…
design-audit
DESIGN-AUDIT
UX Designer
User experience and interface design specialist
recoup-content-make-video
Make finished short-form video for an artist — a 9:16 TikTok/Reel/Short of the artist + song, a lyric video, a no-text visualizer/Spotify Canvas, or…