Design & UX

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

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

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

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

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

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

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

Expert toolkit for web design guidelines

Plan and implement UI

**Orchestrator skill** that provides core principles and routes to specialized sub-skills.

**Philosophy:** Every pixel has purpose. Restraint is luxury. User psychology drives decisions.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

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

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

Create distinctive, production-ready frontend interfaces with high visual quality. Use this skill whenever the user asks to build, design, or improve any web UI — including landing pages, dashboards, components, app screens, forms, or interactive widgets. Also trigger when the user says "make this look better", "redesign this", "add polish", "build a UI", "create a page", "style this", or references HTML/CSS/JS, React, Vue, Svelte, or any frontend framework. If the request involves any visibl...

Create museum-quality visual art through design philosophy. Generate original visual designs, posters, and artwork as PDFs or PNGs using sophisticated aesthetic movements and expert-level craftsmanship.

Documentation for Remotion - Video creation in React. TRIGGER when working with Remotion code, video composition, React-based video generation, or user mentions "remotion", "video composition", "create animation", "create video".

Design and implement distinctive, production-ready frontend interfaces with strong aesthetic direction. Use when asked to create or restyle web pages, components, or applications (HTML/CSS/JS, React, Vue, etc.).