animation-vocabulary
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,054 results
baseline-ui
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
better-colors
OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, theme with…
create-design-md
Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its…
design-system
Translates an image (or a set of image references — screenshots, mockups, Figma URLs, live websites) into two mirrored design-system artifacts:…
find-animation-opportunities
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it…
improve-animations
Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other…
improve-ui
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another…
make-interfaces-feel-better
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
product-planner
Vision intake conversation followed by generation of three product documents — `docs/product-vision.md` (strategy and brand), `docs/prd.md` (technical spec for…
review-animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
design-review
Review code design for maintainability, coupling, cohesion, and clarity
compensation-benchmarking
USE THIS SKILL when the user asks about pay structure, salary bands, compensation benchmarking, incentive design, total rewards, compa-ratio analysis, pay…
Executive Synthesis
USE THIS SKILL when the user asks to create an executive summary, build a board presentation, write a board memo, design a strategy deck, synthesize findings…
game-seed-expansion
Take a fragment of a game idea — a theme, mood, mechanic, art style, setting, character, or feeling — and expand it into 3-5 wildly divergent design…
soulcraft
Create or improve SOUL.md files for OpenClaw agents through guided conversation. Use when designing agent personality, crafting a soul, or saying "help me…
arena
Spawn N parallel read-only design candidates at the same task, pick a base, graft the strongest parts of the losers into it. Use for /arena, 'arena this',…
icon-jetbrains
Create or review IntelliJ New UI SVG icons, theme variants, sizes, and palette.
tteg
Use when you need real stock photos for landing pages, marketing sites, or AI-generated UIs. tteg saves topic-matched Unsplash images locally via a single CLI…
xiaohongshu-skill
Generate a complete Xiaohongshu/Rednote image-and-text publishing package: first automatically research content opportunities, then complete the title, body copy, cover, 6-8 inner pages, page-by-page visual director sheet, Image2-first image route, cover MVP confirmation, batch image generation, and pre-publish self-check. Suitable for courses, services, products, personal IP, local businesses, and knowledge sharing; a single title, cover text, or rewrite does not trigger it.
nano-banana
Generates AI images using the nano-banana CLI (Gemini 3.1 Flash default, Pro available). Handles multi-resolution (512-4K), aspect ratios, reference images for…
video-pipeline
End-to-end video editing pipeline. Takes a raw talking recording and produces a publish-ready video with fast cuts, word-by-word captions, and optional…
wunderfan-brand
Wunderfan brand guidelines for consistent styling across web projects. Use when building websites, landing pages, or micro apps for Wunderfan. Use with…
wunderpar-brand
Wunderpar brand guidelines for consistent styling across web projects. Use when building websites, landing pages, or micro apps for Wunderpar. Use with…