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.

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

Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

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

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.