Frontend

Accessibility helps design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards for keyboard, contrast, and screen-reader support. Use it when building or auditing UI that must meet WCAG 2.2 Level AA or reviewing changes for accessibility.

Android Clean Architecture provides patterns for structuring Android and Kotlin Multiplatform projects, covering module boundaries, UseCases, Repositories, and data layer with Room, SQLDelight, and Ktor. Use it when setting up layered architecture in Android or KMP projects.

Angular Developer generates Angular code and provides architectural guidance for Angular projects. Use it for creating projects, components, or services, or for best practices on reactivity, forms, DI, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.

Pixel Art converts images into retro pixel art using era-accurate palettes like NES, Game Boy, and PICO-8, then optionally animates them into short MP4 or GIF scenes. Use it when a user wants pixel-art styling or looping animations from a source image.

Concept Diagrams generates flat, minimal educational SVG visuals as a single self-contained HTML file with automatic light/dark mode. Use it for physics setups, biology diagrams, floor plans, and process flows when a more specialized diagram skill is not available.

Algorithmic Art creates original generative art using p5.js with seeded randomness and interactive parameter exploration. Use it when users request code-based art, flow fields, particle systems, or other algorithmic visualizations.

Brand Guidelines applies Anthropic's official brand colors and typography to artifacts that benefit from the company's look-and-feel. Use it when brand colors, style guidelines, visual formatting, or company design standards apply.

Canvas Design creates original visual art in .png and .pdf documents guided by design philosophy. Use it when asked to create posters, art pieces, or other static designs, never copying existing artists' work to avoid copyright violations.

Frontend Design guides distinctive, intentional visual design for building new UI or reshaping existing ones, including aesthetic direction, typography, and avoiding templated defaults. Use it when you need deliberate, non-generic visual choices for a frontend.

Slack GIF Creator creates animated GIFs optimized for Slack, with tools for drawing frames, applying animation concepts, and validating output against Slack's size and format constraints.

Theme Factory applies curated color palettes and font pairings to artifacts such as slides, documents, reports, and HTML landing pages. Use it when you need consistent visual styling or a custom theme generated on the fly.

Web Artifacts Builder scaffolds a React, TypeScript, Tailwind CSS, and shadcn/ui project and bundles it into a single HTML artifact for claude.ai. Use it for elaborate multi-component artifacts that need state management or routing.