Frontend

Minimalist UI enforces an editorial, warm monochrome design system with bespoke typography, bento grids, and flat components, rejecting generic SaaS trends. Use for clean, document-style frontend interfaces.

Redesign Existing Projects audits current website or app design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

Image Enhancer improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity. Use it to prepare images for presentations, documentation, or social media posts.

Slack GIF Creator builds animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. Use it when users request animated GIFs or emoji animations for Slack from descriptions.

Theme Factory provides a curated set of font and color themes for styling artifacts such as slides, docs, reports, and HTML pages. It offers 10 preset themes and can generate a custom theme on request.

Artifacts Builder scaffolds and bundles multi-component React, Tailwind CSS, and shadcn/ui applications into a single self-contained HTML artifact. Use it for complex claude.ai artifacts requiring state management, routing, or shadcn/ui components.

Brand Guidelines applies Anthropic's official brand colors and typography to artifacts that need Anthropic'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 formats by first developing a design philosophy and then expressing it visually. Use it when asked to create a poster, piece of art, design, or other static visual work without copying existing artists.

Presentation Structure explains the slide format, journey bar level system, navigation, and section structure for the presentation at presentation/index.html. Use it when editing slides to keep numbering, level transitions, and navigation correct.

Presentation Styling provides CSS classes, component patterns, and syntax highlighting for building slides in a presentation. Use it when styling slides, code blocks, journey bars, or weighted badges.

Time SVG Creator creates a visual SVG time card showing the current time for Dubai and writes it to agent-teams/output/dubai-time.svg. Use it when you need a self-contained SVG time card and markdown summary from provided time values.

Weather SVG Creator creates an SVG weather card showing the current temperature for Dubai. Use it when you need to generate a visual temperature card as part of an orchestration workflow.