AI Agent Skills

Organize analytics, customers, finances and planning inside a calm admin workspace. Define the real data and daily management tasks before building the views.

ViewComponents for the Primer Design System

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition ps…

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redes…

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.