Official skills

Anthropic's poster and visual art workflow: write a short design philosophy, then express it as a PNG or PDF composition with bundled fonts.

Anthropic's skill for interfaces that don't look generated: pick a clear aesthetic direction for palette, type, layout and motion before writing code, then check the result against the brief.

The official shadcn/ui skill: detects the project setup, adds and updates components with the CLI, and follows the library's styling and composition rules.

70 React and Next.js performance rules from Vercel Engineering, ranked by impact: request waterfalls, bundle size, server components, re-renders. One reference file per rule.

Reviews UI code against Vercel's Web Interface Guidelines, always pulling the latest rule list, and reports short findings with file and line.

Google Stitch's skill that pulls a DESIGN.md with tokens, components and patterns out of any frontend codebase. Works without Stitch.

36 ShaderToy-style GLSL techniques, including signed distance fields, ray marching, fluids, noise and post-processing, with a routing table.

Android's official workflow for adaptive Compose apps on phones, foldables and tablets: navigation, list-detail panes and lazy lists.

Expo's official guide to native-feeling screens: Apple HIG styling, semantic colors, native controls, SF Symbols and sheets.

Expo's official guide to a token-based design system of color, spacing and type inside an Expo app.

Vercel's React Native and Expo rules for list performance, animation, navigation and UI patterns, one reference per rule.

React component API patterns from Vercel: compound components, lifted state, no boolean prop sprawl, React 19 APIs.

Chooses an honest visualization for a question or metric, such as comparison, trend, target or projection, before building it.

Ships accessible charts: real text alternatives, keyboard focus, stable server rendering and color-safe encodings.

Angular's official skill: generates components and services and advises on signals, forms, routing, SSR, accessibility and animation.

AntV's official skill for G2 v5 charts: spec rules, mark types, encode and transform conventions, and pitfalls.

Svelte's official guidance for fast, robust Svelte 5 code: runes, reactivity, events and styling.

Generative art with p5.js: define the algorithm's idea, then build a seeded piece with an interactive parameter viewer.

Ten ready font and color themes for slides, documents and HTML pages, or a custom theme generated on the spot.

Scaffolds a React, Tailwind and shadcn/ui project and bundles it into one HTML file.

MUI's official guidance on theming: createTheme, palette, color schemes, CSS variables and dark mode.

Short design-led motion graphics, such as kinetic type, stat count-ups and chart reveals, built as HTML and rendered to video.

Ant Design's skill: looks up props, demos, tokens and deprecations with the bundled CLI while writing antd code.

Builds chat, agent and tool-call interfaces in React with 21st.dev's Agent Elements components.

The official GSAP skill for the core API: tweens, easing, stagger, defaults, matchMedia and reduced motion, used the right way.

Official ScrollTrigger guidance: scroll-linked animation, pinning, scrub, triggers, refresh and the cleanup mistakes to avoid.

Official guidance for GSAP in React and Next.js: useGSAP, refs, scoping with gsap.context() and cleanup.

Official guide to GSAP plugins: Flip, Draggable, SplitText, ScrollSmoother, MorphSVG and Observer.

LottieFiles' motion principles: an eight-step checklist, duration and easing tables, motion personalities and ready patterns for presses, entrances and success states.

How to animate state and route changes with React's ViewTransition, transition types and view-transition CSS, including Next.js specifics.