presentation-deck: Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use `case-study`; for the…; typography-scale: Create a modular type scale with size, weight, and line-height relationships. Use when establishing typographic structure. For line length only use…; visual-hierarchy: Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new wor…
agentic
agentic-ai
ai
ai-tools
claude-code
design-system
design-systems
prompt-engineering
skills
ux-design
Updated 2026-09-19 03:07:41 +08:00
transitions-dev: Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes,…; transitions-polish: Polish and refine existing motion against the transitions.dev motion-token scale — duration, distance, scale, blur, and easing — plus the rules for WHEN each…
Updated 2026-09-13 20:48:51 +08:00
Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models. Use whenever the user wants to design…
agent-skills
ai-design
claude-code
claude-skill
claude-skills
coding-agent
cursor
design-agent
dsh-plugin
frontend
superdesign
ui-design
ux-design
Updated 2026-08-21 13:23:23 +08:00
Use this skill when creating, redesigning, critiquing, reducing, polishing, hardening, or making design decisions for a user-facing interface, brand surface,…
agent-skill
ai-agent
claude-code
claude-skill
design-systems
design-taste
interface-design
mies-van-der-rohe
minimalism
reductive-design
ui-design
ux-design
Updated 2026-05-30 01:54:03 +08:00