Design Tools Agent Skills

Theme Factory

Styles digital artifacts like slides, documents, and landing pages using professional pre-set color palettes and font pairings.

UI Design & Frontend Best Practices

Enforces opinionated constraints and accessibility standards for building high-quality, performant, and production-ready user interfaces.

Bootstrap 5.3 Utilities

Provides comprehensive expertise in Bootstrap 5.3 utility classes for rapid, responsive frontend styling without custom CSS.

Rails ViewComponents Architect

Implements enterprise-grade Rails ViewComponents with advanced patterns for slots, previews, and clean method delegation.

Web Design Reviewer

Reviews UI code for compliance with Vercel Web Interface Guidelines and industry-best practices for accessibility, performance, and UX.

Senior Frontend Architect

Accelerates modern web development by providing automated scaffolding, performance optimization, and industry-standard patterns for React and Next.js applications.

Frontend Design & Aesthetics

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics.

Web Artifact Builder

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

Web Artifact Architect

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

Theme Factory

Styles digital artifacts with professional, curated color palettes and typography pairings to ensure visual consistency.

Canvas Visual Design

Generates museum-quality visual art and posters by developing unique design philosophies and executing them with expert-level craftsmanship.

Canvas Design

Generates sophisticated visual art and design philosophies through high-level spatial composition and minimalist aesthetics.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI design patterns.

High-Fidelity Frontend Design

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

shadcn/ui Component Manager

Manages shadcn/ui component integration in React and Next.js projects through automated searching, installation, and quality auditing.

Brand Guidelines Applicator

Enforces corporate branding standards across document generation to ensure a consistent visual identity and professional tone.

LaTeX Research Posters

Creates professional, publication-quality research posters in LaTeX using advanced layout systems and integrated scientific schematics.

Shadcn/UI Component Library Skill

Streamlines the installation, configuration, and implementation of accessible React components using shadcn/ui and Tailwind CSS.

UI Design System Pro

Architects scalable UI design systems with automated token generation, component documentation, and cross-platform styling.

Advanced React Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and professional design standards.

Algorithmic Art & Generative Aesthetics

Generates sophisticated p5.js generative art by translating abstract algorithmic philosophies into interactive, code-based masterpieces.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and unique aesthetics.

AI Image Generator & Editor

Generates and edits high-quality visual assets, illustrations, and photorealistic images using state-of-the-art AI models via OpenRouter.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs and custom emojis specifically tailored for Slack's technical requirements.

React Component Library Architect

Builds production-grade, accessible React component libraries using Storybook, design tokens, and modern architectural patterns.

Applying Brand Guidelines

Enforces corporate visual standards and messaging consistency across generated documents, presentations, and spreadsheets.

React Artifacts Builder

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

React Modernization & Hook Migration

Upgrades React applications by migrating class components to hooks and implementing React 18+ concurrent features.

Corporate Brand Guidelines & Styling

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

Slack GIF Creator

Generates and optimizes animated GIFs and custom emoji animations specifically for Slack's file size and dimension constraints.