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

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

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

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

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

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

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.

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

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

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

Turn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org

a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

Write precise Seedance 2.0 prompts for multimodal video, camera movement, editing, music, and product storytelling.

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library