Design Tools Agent Skills

Image Enhancer

Enhances image resolution, sharpness, and clarity to transform screenshots and photos into professional-grade visual assets.

Anthropic Brand Guidelines

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

Theme Factory

Styles and enhances the visual presentation of artifacts like slides, documents, and landing pages using professional font and color themes.

Interactive Playground Builder

Generates self-contained HTML environments with interactive controls and live previews to bridge the gap between visual exploration and AI prompt generation.

Preline Theme Generator

Automatically generates production-ready Tailwind CSS themes for Preline UI using natural language descriptions.

Infographic Template Sync

Synchronizes new infographic templates across project documentation, UI prompt lists, and metadata registries.

Infographic Structure Architect

Generates and refines complex infographic layout structures using TypeScript and TSX for the AntV Infographic framework.

Infographic Item Creator

Generates and updates specialized infographic item components using TypeScript and TSX for the AntV Infographic framework.

AntV Infographic Creator

Generates professional, data-driven infographics from text descriptions using the AntV framework.

AntV Infographic Creator

Generates structured AntV Infographic syntax to transform text content into professional visual layouts and data visualizations.

Modern CSS Specialist

Implement cutting-edge, high-performance web styling and layouts using the latest CSS specifications and best practices.

Tailwind & CSS Styling

Optimizes frontend development by enforcing clean CSS structures and Tailwind CSS best practices.

Vizro Dashboard Design

Guides users through a structured 3-step framework to architect, layout, and select visualizations for high-quality Vizro data applications.

Baoyu Image Generator

Generates high-quality AI images using OpenAI, Google, and DashScope APIs directly within the Claude Code environment.

Notion Avatar Brand Styling

Applies Notion's iconic hand-drawn minimalist design system and visual standards to web components and digital artifacts.

Gemini Image Generation

Generates and edits high-quality images from text prompts, existing photos, and real-time data using the Gemini API.

macOS Native UI Design

Builds authentic, native-feeling macOS application interfaces using Apple's design patterns and interaction principles.

Figma Automation

Automates Figma design workflows, including asset exports, design token extraction, and component management directly within Claude.

Canva Automation

Automates Canva design workflows including creation, asset management, folder organization, and multi-format exports via Rube MCP.

Prototype Prompt Generator

Generates comprehensive, production-ready prompts for creating structured UI/UX prototypes across multiple design systems.

MUI Treasury Registry Meta

Standardizes the creation of metadata files for MUI Treasury components to ensure consistent registry integration and documentation.

Using Base UI with Material UI

Integrates unstyled Base UI components with Material UI's design system using the render prop pattern to create accessible, styled web interfaces.

UI/UX Pro Max

Generates professional design systems and implements high-performance UI/UX patterns across web and mobile frameworks.

Baoyu Cover Image Generator

Generates professional article cover images using AI with 20+ artistic styles and smart content analysis.

Infographic Generator

Transforms complex text into professional, publication-ready infographics using 20 layout types and 17 visual styles.

Image Compressor

Optimizes and converts images to WebP, PNG, or JPEG using the most efficient local tools available.

Theme Factory

Styles artifacts like presentations, documents, and HTML pages using professional color palettes and curated typography pairings.

Slack GIF & Emoji Creator

Generates high-performance animated GIFs and custom emojis specifically optimized for Slack's strict file size and dimension requirements.

Design Wizard

Orchestrates an interactive end-to-end frontend design process to generate distinctive, production-ready user interfaces.

Anthropic Brand Styling

Applies official Anthropic brand identity, colors, and typography to visual artifacts and documents created within Claude Code.