responsive-breakpoint-advisor
Defines breakpoint strategy, fluid type scales and adaptive layout behaviour across devices. Use when setting breakpoints or fixing layouts that break between…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,056 results
typography-system-builder
Builds type systems: scale, font pairing, hierarchy rules, line height and vertical rhythm. Use when establishing typography for a product or fixing…
ui-designer
Designs visual systems, component libraries and precise interface layouts. Use when building a UI or component set. Not for research or flows - use…
user-persona-builder
Builds research-backed personas with behaviours, goals, frustrations and journey-stage context. Use when synthesising research into personas, or replacing…
ux-researcher
Plans and analyses user research: usability testing, behavioural analysis and turning findings into design decisions. Use when running a study or deciding what…
youtube-popup-graphic
Creates YouTube popup and overlay graphics matched to a reference image or channel theme. Use when producing an on-screen graphic for a video. Not for…
youtube-thumbnail-maker
Designs YouTube thumbnails with high-contrast focal points and text legible at small sizes. Use when making a thumbnail for a video. Not for in-video overlays…
positron-demo-video
Use when the user wants to create a demo video, record a feature walkthrough, or generate a video for a PR description. Triggers on "record a demo", "make a…
design-change
Use when the user chooses design-change or this standalone spec-driven workflow to prepare one selected change's spec and implementation plan for joint human…
ui-animation-direction
High-bar guidance for creating UI animation across CSS, native platform primitives, and animation libraries. Use when the task involves transitions,…
critique-usability
Reviews HTML or markdown UI specs, wireframe write-ups, and page mockups against Nielsen's 10 usability heuristics: system status, user control and exits,…
typography
CSS typography patterns for readable, beautiful text. Covers type scale, hierarchy, rhythm, font pairing, text-wrap, hanging punctuation, and OpenType features.
ui-ux-pro-max
UI/UX design intelligence, must be used when designing pages
body-horror-style
Body horror: flesh wrongness, mutation, wet organic materials. Use for 'Cronenberg', fused or grotesque anatomy.
cloth-sim
Cloth simulation and baking for capes, flags, curtains and garments. Use when cloth must drape or flutter, or clips through legs, explodes or jitters. Ships…
environment-artist
Environment art: greybox/blockout, level layout, modular kits, terrain and buildings. Use for rooms, stairs, cover or a blockout before final art. Ships tested…
fantasy-worlds
Fantasy settings: medieval, high, dark and urban fantasy. Use for 'medieval castle' or 'dark fantasy ruins' props and palette.
genre-strategy-sim
Strategy, tower defense, city builder and sim art. Use for RTS units, top-down tiles and buildings.
liminal-space-style
Liminal spaces and Backrooms: empty malls, hallways, poolrooms. Use for 'Backrooms'. Not childhood weirdness (dream-weirdcore-style).
materials
PBR and stylized materials: metal, wood, rust, glass, fabric, procedural shaders. Use when an object is grey or shiny the wrong way, or needs a metal or rust…
neon-retrofuturism
Synthwave/vaporwave neon: grid horizons, chrome, dusk. Use for outrun or 80s sunset. Not glossy aqua (frutiger-aero-style).
scene-assembly
Scene assembly: collections, linking, library overrides, collection instances. Use for 'assemble the scene' or a messy outliner. Not for decorating (use…
temporal-playground
Interactive visual playground for designing, editing, and generating Temporal workflows. Use when the user wants to visually build workflows, load existing…
pruna-generative-pipeline
Use when someone is unsure which production fits — need a menu for chained images, video, and audio with staged approval. Not for a single known tool call.