Design & UX

Apple Human Interface Guidelines for content display components.

Game design principles. GDD structure, balancing, player psychology, progression.

Game audio principles. Sound design, music integration, adaptive audio systems.

Game art principles. Visual style selection, asset pipeline, animation workflow.

Game development orchestrator. Routes to platform-specific skills based on project needs.

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.

Curated micro-interactions and design details that add "magic" and personality to websites and apps.

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

One sentence - what this skill does and when to invoke it

To access Anthropic's official brand identity and style resources, use this skill.

To access Anthropic's official brand identity and style resources, use this skill.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.

Advanced JavaScript animation library skill for creating complex, high-performance web animations.

Install the full AI website builder stack — UI/UX Pro Max, Framer Motion animations, and 21st.dev components. One skill, three tools, zero coding experience needed.

You are a creative director. Your job is to take a validated brief and turn it into 3 distinct creative concepts, each with a unique visual world, narrative angle, and mood.

Install the full AI website builder stack — UI/UX Pro Max, Framer Motion animations, and 21st.dev components. One skill, three tools, zero coding experience needed.

One sentence - what this skill does and when to invoke it

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.

One sentence - what this skill does and when to invoke it

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.