Design & UX

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

Best practices for Remotion - Video creation in React

CRITICAL: Use for Makepad font and text rendering. Triggers on: makepad font, makepad text, makepad glyph, makepad typography, font atlas, text layout, font family, font size, text shaping, makepad 字体, makepad 文字, makepad 排版, makepad 字形

CRITICAL: Use for Makepad DSL syntax and inheritance. Triggers on: makepad dsl, live_design, makepad inheritance, makepad prototype, "<Widget>", "Foo = { }", makepad object, makepad property, makepad DSL 语法, makepad 继承, makepad 原型, 如何定义 makepad 组件

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

Browse and install 21+ agent-native CLI tools for GUI software. Covers image editing, 3D, video, audio, office, diagrams, AI, and more.

Command-line interface for Blender - A stateful command-line interface for 3D scene editing, following the same patterns as the GIMP CLI ...

MUST USE after building/changing any UI or when asked whether a page, component, or TUI looks right. Rigorous visual QA across web/page and terminal UIs. Prefer browser:control-in-app-browser for unauthenticated browser/page QA in Codex, then Playwright/agent-browser/dev-browser. Captures screenshot/TUI evidence with bundled diff scripts, runs design-system/functional and visual-fidelity/CJK reviewer passes, then synthesizes a good/bad verdict. Triggers: visual QA, screenshot/pixel diff, UI l...

MUST USE after building/changing any UI or when asked whether a page, component, or TUI looks right. Rigorous visual QA across web/page and terminal UIs. Prefer browser:control-in-app-browser for unauthenticated browser/page QA in Codex, then Playwright/agent-browser/dev-browser. Captures screenshot/TUI evidence with bundled diff scripts, runs design-system/functional and visual-fidelity/CJK reviewer passes, then synthesizes a good/bad verdict. Triggers: visual QA, screenshot/pixel diff, UI l...

Find authentic voice by refusing to perform identity for external validation or explain your experience to outsiders—using Toni Morrison's concept of rejecting the "white gaze.

Create magnetic pull in any experience by identifying or designing "weenies" - visual or conceptual elements that draw people forward, borrowed from Walt Disney's theme park design philosophy.

Identify where control has been surrendered to convention, assumption, or neglect—and assess whether that surrender serves or undermines your vision.

Evaluate whether a design, brand element, or decision is timeless style or merely current fashion. Based on Coco Chanel''s principle: "Fashion changes, but style endures.

Embody Tig Notaro - AI persona expert with integrated methodology skills

Systematically evaluate any design, product, process, or artifact against Dieter Rams' Ten Principles of Good Design to identify specific improvements.

Embody Steve Martin - AI persona expert with integrated methodology skills

Embody Spike Milligan - AI persona expert with integrated methodology skills

Design and embed word-sized graphics within text, tables, and documents for contextual data display. Based on Edward Tufte's concept of "intense, word-sized graphics.

Redesign spaces by focusing on interior experience and flow rather than walls and boundaries—destroying the box to create spatial sequences that serve human life.

Design repeating visual structures that enable comparison across variables, time periods, or categories. Based on Edward Tufte's principle that once viewers understand one frame, they immediately u...

Develop distinctive, recognizable signature elements for a brand, product line, or personal identity. Based on Coco Chanel''s iconic markers: the interlocking CC, the camellia, black and white, pear...

Maintain flat, emotionally neutral delivery while escalating observations to dark or absurd conclusions

Embody Pussy Riot - AI persona expert with integrated methodology skills

Guide an unplanned exploration of space to reveal hidden emotional and social structures.