Design Tools Agent Skills

Anthropic Brand Styling

Applies Anthropic's official brand colors, typography, and visual identity to documents and digital artifacts.

Artistic Canvas & Design Philosophy

Generates sophisticated visual art and custom design philosophies for posters, digital canvases, and high-fidelity documents.

Advanced React Artifacts Builder

Builds complex, production-grade Claude artifacts using React, TypeScript, Tailwind CSS, and shadcn/ui.

Notification UI Components

Implements interactive notification systems featuring bell icons, unread badges, and polished dropdown panels.

UI/UX Pro Max

Provides comprehensive design intelligence to plan, build, and optimize high-fidelity, aesthetic frontend interfaces across multiple frameworks.

Frontend Development Patterns

Implements production-ready React and Next.js architecture patterns for scalable and performant user interfaces.

Changelog Infographic

Transforms structured changelog summaries into professional, shareable infographic PNG images for visual version updates.

Admin CRUD Generator

Generates full-featured admin dashboard interfaces with data tables, forms, and bulk action capabilities.

BIM Verdi UI Design System

Generates high-fidelity WordPress frontend components and pages following the specific BIM Verdi enterprise-calm design system.

React Component Patterns

Implements standardized React component patterns and hooks to build maintainable, reusable, and scalable frontend architectures.

Frontend Engineer

Builds production-ready React interfaces and state-driven components based on design specifications and API contracts.

Web Design Guidelines Auditor

Audits frontend code for compliance with professional web interface guidelines and accessibility standards.

Web Design Guidelines Auditor

Audits frontend code against Vercel's Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

Web Interface Guidelines Auditor

Audits frontend code for compliance with Vercel's Web Interface Guidelines and accessibility best practices.

Web Interface Design Guidelines Reviewer

Audits user interface code for compliance with professional web design, UX, and accessibility standards.

Dify React Component Refactorer

Refactors high-complexity React components into maintainable, modular units using automated complexity analysis and standardized design patterns.

SDD Design Orchestrator

Coordinates specialized design skills to create comprehensive, conflict-free software design documents.

Experience Designer

Transforms product requirements into comprehensive interaction specifications, covering every user flow, state transition, and edge case.

Frontend Design Pro

Generates distinctive, production-grade web interfaces with high-fidelity aesthetics that transcend generic AI design patterns.

Hand-Drawn Technical Art

Generates technical diagrams and editorial illustrations with a consistent Excalidraw-inspired hand-drawn aesthetic in dark mode.

Image Enhancer

Enhances the quality of images and screenshots by improving resolution, sharpening details, and reducing compression artifacts.

Brand Identity & Voice Guidelines

Manages brand voice, visual identity, and consistency across products and communications.

Theme Factory

Applies professional design systems, color palettes, and typography to documents, slide decks, and HTML artifacts.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude using shadcn/ui and modern frontend stacks.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality that avoids generic AI aesthetics.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, colors, and typography to digital artifacts and presentations.

Frontend Development Pro

Accelerates web development by enforcing modern standards for Next.js, TypeScript, and Tailwind CSS applications.

Algorithmic Art & Generative Design

Creates sophisticated, gallery-quality generative art using p5.js through custom algorithmic philosophies and interactive parameter exploration.

Canvas Design Studio

Generates museum-quality visual art and design philosophies through systematic aesthetic frameworks and master-level craftsmanship.

Terminal UI Renderer

Generates sophisticated terminal user interfaces using the Rich library, including tables, panels, progress bars, and custom-themed text.