Design & UX

Sub-skill of frontend-design: Generic AI Aesthetics (+1).

Sub-skill of frontend-design: Execution Checklist.

Sub-skill of frontend-design: Common Issues.

Sub-skill of frontend-design: Before Coding: Design Direction.

Sub-skill of canvas-design: Visual Supremacy (+4).

Sub-skill of canvas-design: Step 1: Design Philosophy (.md) (+1).

Sub-skill of canvas-design: Philosophy.

Sub-skill of canvas-design: Metrics.

Sub-skill of canvas-design: Geometric Minimalism (+3).

Sub-skill of canvas-design: Execution Checklist.

Sub-skill of brand-guidelines: Table of Contents.

Sub-skill of brand-guidelines: Execution Checklist.

Sub-skill of brand-guidelines: Do [check] (+1).

Sub-skill of brand-guidelines: Common Issues.

Sub-skill of brand-guidelines: Accessibility.

"QGIS AI Interface Skill \u2014 PyQGIS headless automation, Processing\

"OpenFOAM AI Interface Skill \u2014 case setup, CLI execution, output\

Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.

Throwaway HTML mockups: 2-3 design variants to compare.

Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.

54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear, Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components, layout rules, and ready-to-use CSS values.

p5.js sketches: gen art, shaders, interactive, 3D.

Production pipeline for mathematical and technical animations using Manim Community Edition. Creates 3Blue1Brown-style explainer videos, algorithm visualizations, equation derivations, architecture diagrams, and data stories. Use when users request: animated explanations, math animations, concept visualizations, algorithm walkthroughs, technical explainers, 3Blue1Brown style videos, or any programmatic animation with geometric/mathematical content.

Author/validate/export Google's DESIGN.md token spec files.