design-android
Use when designing an Android screen or flow — deliverable is a device-framed HTML mockup and developer handoff spec, never Compose code.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,044 results
design-method
Use when starting any design task — resolves register, sets the 3 dials, locks Gate 0, and routes to the right move and target skill.
design-review
Use when a design deliverable is about to be reported done — the final quality gate after design-motion or a mobile mockup.
design-web
Use when building or revising a marketing/landing/campaign page, register `brand` locked at Gate 0 — use design-webapp for app screens instead.
motion-method
Use when starting or resuming any motion film (launch video, product promo, social ad, README GIF, social loop) — locks the six-block brief (inputs, direction,…
article-illustrator
Generate a flat-design explanatory illustration HTML page for an article that can be screenshotted. Use when the user provides an article, draft, paragraph, or file path and requests illustration, article illustration, diagram, WeChat official account illustration, generate illustration page, help me illustrate. The output is a local HTML file, not directly generating PNG/JPG, and not for logos, icons, posters, covers, or non-article content.
ps-principle-exhaust-the-design-space
Apply when facing a novel UI interaction or architectural decision with no precedent in the codebase. Build 2-3 competing prototypes and compare side by side…
ps-principle-type-system-discipline
Apply when designing types, reviewing a function signature, or writing code in any statically-typed language. Make illegal states unrepresentable, brand…
geekx-grilling
Use when the user wants to stress-test a plan, decision, idea, requirement, or proposal through continuous follow-up questioning, requests grill me, grilling, interrogate me, keep probing to the end, challenge assumptions, map out a decision tree, or needs to eliminate key ambiguities one by one before acting. Especially suited to scenarios with multiple options, dependencies, over-engineering risk, or where a shared understanding has not yet formed.
aesthetic
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating…
automating-browser
Controls Chrome browser: takes screenshots, clicks buttons, fills forms, downloads images, inspects pages, captures network requests, checks console errors,…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…
threejs-materials
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or…
threejs-postprocessing
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom…
threejs-shaders
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or…
explainer-video
Make a narrated explainer video from a repo, a document, a web page or a topic, or voice a narration the user writes. Use when the user asks for an explainer…
write-notion
Use when the user asks to create, draft, restructure, or revise a team document as a Notion page through the Notion MCP tools: a design doc or RFC for a new…
create-image-fal
Generate or edit an image via any FAL image model (nano-banana edit, gpt-image, flux, ...), ROUTED THROUGH THE fal-proxy so it bills the Ads agent. image_urls…
footage-cutlist
Watch a brand's own product footage (screen recording, product film), pick the moment that proves each line with the user, and render those picks as a product…
render-myth-vs-fact
Assemble a myth-vs-fact kinetic-typography explainer video ad (≈29.5s, 9:16) from N myth/fact pairs + hook / turn / punch copy + palette + a brand end-card PNG…
render-proof-points-overlay
Build the deterministic PIL pill overlays for a 'perfect-score + proof-points' UGC video ad (white 10/10 score header with a medal + orange sub with a…
render-value-prop
Render a designed 'value prop' video from a config — 3-5 noun-phrase benefit claims (<=4 words each) revealed sequentially over per-SKU product visuals, one…
aeo
Check and improve your brand's visibility across AI search engines (ChatGPT, Perplexity, Gemini, Grok, Claude, DeepSeek). Set up tracking, run visibility…
brand-voice-extractor
Analyze a company's published content to extract their brand voice, writing style, and tone guidelines. Reads 10-20 of their best content pieces and produces a…