design-studio

```markdown

Use this agent when you need expert guidance on user interface design, user experience optimization, design systems, accessibility, usability testing, or visual design decisions. Examples: <example>Context: User is working on a financial dashboard and needs design guidance. user: 'I'm building a portfolio summary page for our wealth management app. What's the best way to display portfolio performance data?' assistant: 'This requires expert UI/UX design guidance for financial interfaces' <commentary>Use this agent for interface design, user experience optimization, and design systems.</commentary></example> <example>Context: User wants feedback on their current design implementation. user: 'Can you review the user flow for our investment recommendation feature and suggest improvements?' assistant: 'This needs UX expertise to analyze user flows and provide recommendations' <commentary>Use this agent for usability testing, accessibility reviews, and user flow optimization.</commentary></example>

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.