Design skills

Gives an agent UI and UX design guidance for web, mobile and desktop: styles, palettes, typography, accessibility and layout.

Steers an agent away from templated-looking frontends: it reads the brief, picks a design direction and builds landing pages and redesigns.

Gives the agent a clear aesthetic direction when building interfaces, with guidance on typography and avoiding templated-looking defaults.

Designs, critiques, audits and polishes frontend interfaces through a set of commands, from shaping a brief to final refinement.

Creates generative art in p5.js with seeded randomness and interactive parameters, such as flow fields and particle systems.

Applies Anthropic's brand colours and typography to slides, documents and other artifacts.

Designs posters and other static visual pieces as PNG or PDF files, starting from a written design philosophy.

Creates animated GIFs sized for Slack, with validation tools for its constraints and a set of animation concepts.

Styles slides, documents, reports and landing pages with one of ten preset themes of colours and fonts, or a custom one.

Designs banners for social media, ads, website heroes and print, with several art direction options.

Covers brand voice, visual identity, messaging frameworks and brand consistency for branded content.

Covers design tokens in three layers, CSS variables, spacing and type scales, and component specifications.

Covers brand identity, design tokens, UI styling, logo generation, HTML presentations and banners in one design skill.

Builds accessible interfaces with shadcn/ui components and Tailwind CSS utility styling.

Manages shadcn/ui components and projects: add, search, fix, style and compose UI, with component docs and examples.

Generates brand-kit images: brand guideline boards, logo systems and identity decks in several visual directions.

Produces raw, mechanical interfaces that mix Swiss typographic print with terminal aesthetics, for dashboards and editorial sites.

A GPT-tuned variant of the taste skill, with enforced layout variance, editorial typography and GSAP scroll motion.

Generates a design image for a website first, analyses it, then writes code to match it closely. Written for Codex.

Generates mobile app screen concepts and flows as images, for iOS, Android and cross-platform products.

Generates website design references as images, one per section of the page.

Produces clean editorial interfaces with a warm monochrome palette, typographic contrast and flat bento grids.

Audits an existing website or app for generic AI design patterns and upgrades it without breaking functionality.

Defines the fonts, spacing, shadows, card structures and animations of agency-grade design, and blocks common AI defaults.