Design Tools Agent Skills

Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade visual assets for documentation and social media.

Design System from Reference

Transforms UI screenshots into comprehensive, production-ready React and Tailwind design systems for consistent AI development.

Design Compare

Compares frontend implementations against reference designs to identify visual discrepancies, spacing inconsistencies, and structural mismatches.

Advanced Artifacts Builder

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

Advanced React Artifact Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Component Templates

Generates production-grade, accessible UI components for React, Vue, and Svelte using standardized design patterns.

Brand Identity & Document Styling

Applies consistent corporate branding, visual styles, and messaging standards to generated documents and presentations.

UI/UX Design Pro

Facilitates the creation of intuitive, aesthetic, and user-centric interfaces by applying modern design principles and industry best practices.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a high-quality design aesthetic using a Flask/Jinja2 template structure.

React Modernization

Upgrades legacy React applications to modern standards including Hooks, React 18 features, and TypeScript.

Brand Guidelines Expert

Generates comprehensive brand books and visual identity documentation with technical specifications for developers and designers.

React Modernization & Migration

Streamlines the process of upgrading React applications to the latest versions through automated codemods and best-practice patterns.

Corporate Brand Guidelines Applicator

Applies consistent corporate branding, visual styles, and messaging standards to generated documents and presentations.

UX Persona Tester

Conducts simulated user testing sessions with specialized AI personas to identify UX friction and accessibility issues.

Image Enhancer

Enhances image quality by upscaling resolution, sharpening details, and removing artifacts for professional-grade visual assets.

Corporate Brand Guidelines Applicator

Enforces consistent corporate branding across PowerPoint, Excel, and PDF documents using predefined visual and messaging standards.

Frontend Design

Generates distinctive, production-grade frontend interfaces and web components that avoid generic AI-generated aesthetics.

Component Design Guideline Generator

Generates standardized, high-quality design system documentation for UI components by extracting specifications from Rootage YAML files.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Theme Factory

Styles artifacts like slides and documents with professional color palettes and font pairings.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend standards.

Theme Factory

Applies professional color palettes and typography pairings to presentation decks, components, and design systems for consistent visual branding.

Frontend Design Pro

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

Shadcn UI Manager

Manages shadcn/ui component integration, installation, and implementation patterns for modern frontend projects.

Shadcn UI Manager

Manages shadcn/ui component integration and complex UI assembly through automated registry searching and installation workflows.

Canvas Visual Design

Generates high-fidelity visual art and design philosophies using sophisticated spatial and aesthetic principles.

Canvas Design Studio

Generates high-fidelity visual art and design documents using bespoke design philosophies and meticulous craftsmanship.

Shadcnblocks Page Builder

Builds localized website pages by automatically installing shadcnblocks components and implementing i18n support.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking and meticulous styling.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking.