Creating complex HTML artifacts with React requires significant setup time and configuration. This skill provides automated scripts to initialize React projects with Tailwind CSS and shadcn/ui, then bundle everything into a single portable HTML file ready to share in Claude conversations.

Creating consistent, professional visual styling for presentations takes significant time and design expertise. This skill provides 10 curated color and font themes that can be instantly applied to any artifact, plus the ability to generate custom themes on-demand.

Users need properly sized GIFs for Slack reactions and messages. This skill provides tools to build optimized GIFs with animation utilities, easing functions, and validation to meet Slack requirements.

Users struggle to generate frontend code that stands out from generic AI-generated designs. This skill guides the creation of memorable, production-quality interfaces with bold aesthetics, thoughtful typography, and polished visual details.

Creating original visual artwork requires deep design knowledge and artistic skill. This skill generates museum-quality posters, designs, and visual art using established design philosophies expressed through form, color, and composition. Output is PNG or PDF format.

Applying consistent brand styling requires knowing the exact colors and fonts. This skill provides Anthropic's official brand guidelines so you can quickly style any artifact.

Users want unique generative art but lack algorithmic design knowledge. This skill creates original algorithmic art using p5.js with seeded randomness, flow fields, particle systems, and interactive parameter exploration for customized visual outputs.

Building responsive, accessible user interfaces requires deep knowledge of utility classes and design patterns. This skill provides expert guidance for mobile-first layouts, dark mode support, and component styling using Tailwind CSS conventions.

Teams struggle to maintain consistent branding across documents, websites, and marketing materials. This skill provides comprehensive templates and specifications for logo usage, color palettes, typography, and brand voice to ensure professional, cohesive brand identity across all channels.

Generic AI-generated designs often look the same. This skill guides creation of memorable, production-grade frontend interfaces with bold aesthetic choices and exceptional visual polish.

Building accessible React components takes time and careful attention to keyboard navigation and ARIA attributes. This skill provides copy-paste shadcn/ui component patterns with form validation, dark mode, and responsive layouts for Next.js applications.

Designing visually consistent artifacts is time consuming and requires design expertise. This skill provides 10 professionally curated themes with color palettes and font pairings that can be instantly applied to presentations, documents, and reports.

Creating animated GIFs for Slack requires meeting strict size limits and using appropriate animation techniques. This toolkit provides validators, animation primitives, and optimization tools to create message GIFs and custom emoji that work flawlessly in Slack.

Users struggle to translate abstract design concepts into compelling visual artwork. This skill generates museum-quality visual designs using philosophical frameworks, creating original compositions in PNG and PDF formats with professional typography.

Create documents and artifacts that match Anthropic's visual identity. Apply official brand colors and typography consistently across all materials.

Creating generative art requires both technical skill and artistic vision. This skill guides AI systems to create original algorithmic art with seeded randomness, interactive parameters, and gallery-quality output.

Creating consistent, accessible user interfaces across applications is challenging without standardized design foundations. This skill provides design token structures, component patterns, and accessibility guidelines to build scalable design systems that ensure visual consistency and WCAG compliance.

Check your web UI against Vercel's official accessibility and design guidelines. Get immediate feedback on semantic HTML, focus states, forms, animations, typography, images, and more.

Many AI-generated interfaces look generic and lack creative character. This skill guides Claude Code to create production-grade web interfaces with exceptional aesthetic quality, distinctive visual identity, and thoughtful design decisions that avoid common AI patterns.

Maintaining consistent brand identity across documents is time consuming and error prone. This skill provides instant access to corporate brand standards including color palettes, typography, formatting rules, and validation tools to ensure all documents meet professional brand guidelines.