Design Tools Agent Skills

Enforces consistent corporate branding and visual identity across all generated documents and professional communication materials.

Frontend Design Specialist

Generates distinctive, production-grade frontend interfaces with high design quality and unique aesthetic directions.

Shadcn UI Manager

Streamlines the discovery, installation, and implementation of shadcn/ui components within your project using automated MCP tools.

Frontend Design & Aesthetics

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics that avoid generic AI patterns.

Frontend Design Professional

Generates distinctive, production-grade frontend interfaces that prioritize high-end aesthetics and avoid generic AI-generated design patterns.

Advanced React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend technologies like Tailwind CSS and shadcn/ui.

Canvas Design & Visual Philosophy

Generates museum-quality visual art and design philosophies through a meticulous, craft-oriented multi-step workflow.

Frontend Design Pro

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

Visual Design & Art Canvas

Generates museum-quality visual art and sophisticated design philosophies through a two-step conceptualization and execution process.

Corporate Brand Guidelines Stylist

Applies consistent corporate branding, typography, and visual standards to all generated documents and communications.

AI Icon Finder

Sources and downloads high-quality brand icons for AI models and providers directly within Claude Code.

UI Designer

Extracts design systems from reference images and generates implementation-ready UI code for React applications.

Shadcn UI Manager

Streamlines the discovery, installation, and management of shadcn/ui components using specialized MCP tools.

Artistic Canvas & Design Philosophy

Transforms abstract concepts into meticulously crafted design philosophies and high-fidelity visual art in PDF and PNG formats.

Frontend Design Specialist

Generates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated patterns.

Web Asset Generator

102

Generates production-ready favicons, PWA app icons, and Open Graph social media images from logos, text, or emojis.

Web Interface Guidelines Reviewer

Audits UI code for compliance with professional web interface guidelines, accessibility standards, and UX best practices.

Shadcn UI Management

Streamlines the integration and management of shadcn/ui components through automated searching, code previews, and installation workflows.

Artifacts Builder

Generates complex, production-ready React and shadcn/ui web interfaces bundled into single-file Claude artifacts.

UI/UX Pro Max

Empowers Claude to design and implement professional, accessible, and high-performance user interfaces across eight web and mobile frameworks.

UI/UX Pro Max

Empowers Claude with a searchable database of professional UI styles, color palettes, font pairings, and stack-specific design guidelines.

Frontend UI Animator

Implements purposeful, high-performance UI animations for Next.js and Tailwind CSS projects to enhance engagement and user experience.

Advanced React Artifacts Builder

Builds complex, multi-component Claude.ai HTML artifacts using a professional React, Tailwind CSS, and shadcn/ui development stack.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and intentional aesthetic direction.

Frontend UI Integration

Implements user-facing workflows and integrates existing backend APIs into React-based web applications while adhering to strict design systems.

Web Design Guidelines Auditor