AI Agent Skills

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

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

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

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.

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

Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents

Internal downstream skill for ctf-sandbox-orchestrator. CTF-sandbox workflow for source maps, build manifests, chunk registries, emitted bundles, obfuscated loader flow,…

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not loo…

relation-graph is an relationship graph component for React/Vue/Svelte relationship data visualization/edit. Through its slot-based customization model, users can fully…

Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation pat…

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, S…