Design Tools Agent Skills

Scientific Schematics & Diagrams

Generates publication-quality scientific diagrams and architectural schematics using smart iterative AI refinement.

Algorithmic Art Generator

Generates sophisticated generative art and algorithmic philosophies using p5.js and seeded randomness.

Frontend Design Pro

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

Vercel React Best Practices

Optimizes React and Next.js applications using Vercel Engineering's high-performance coding standards and patterns.

UI/UX Pro Max

Designs and implements production-grade, accessible user interfaces using a database of 50+ styles and 97 color palettes.

Tailwind Design System v4

Build scalable, production-ready design systems using Tailwind CSS v4's CSS-first configuration and modern React 19 patterns.

UI/UX Pro Max

Empowers developers to build production-grade interfaces with automated design systems, accessible palettes, and multi-stack UI guidelines.

UI/UX Pro Max

Enhances UI/UX design and development with an extensive library of styles, color palettes, and implementation guidelines across nine technology stacks.

Next.js UI Builder

Generates functional, hackathon-ready Next.js user interfaces using standardized patterns and Tailwind CSS.

Frontend Design Architect

Generates distinctive, production-grade frontend interfaces and components with a focus on high-quality aesthetics and creative UI design.

UI/UX Pro Max

Generates professional design systems, accessibility-compliant layouts, and multi-stack frontend implementations with deep design intelligence.

Web Interface Guidelines Reviewer

Audits web application code against industry-standard guidelines to ensure high-quality UI, UX, and accessibility compliance.

Tailwind CSS Component Patterns

Accelerates frontend development by providing production-ready Tailwind CSS patterns for responsive layouts, UI components, and theme-aware styling.

Corporate Brand Guidelines

Applies consistent corporate branding, visual styling, and professional messaging to all generated documents and presentations.

React Performance Best Practices

Optimizes React and Next.js applications using Vercel Engineering guidelines to ensure high-performance code and efficient bundle sizes.

Gemini Image Generation

Generates and edits high-resolution images using the Google Gemini API directly within your development workflow.

Frontend Design

Creates distinctive, production-grade frontend interfaces using Astro and Tailwind CSS while avoiding generic AI aesthetics.

Interactive Explainer Visuals

Generates high-quality, animated, and interactive web visuals to illustrate complex concepts, processes, and data within digital content.

Image Processing Toolkit

Automates image resizing, compression, and format conversion with smart aspect ratio cropping and batch support.

UI Interface Guardrails

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

Futuristic UI/UX Designer

Generates futuristic UI/UX design specifications featuring glassmorphism, 3D depth, and modern SaaS aesthetics.

Motion & Interaction Designer

Designs purposeful, performant UI animations and transitions using Framer Motion for React and Next.js applications.

Three.js React UI Specialist

Integrates performant, subtle 3D UI elements and micro-interactions into React and Next.js applications using React Three Fiber.

Web Design Guidelines Auditor

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

UI Development Workflow

Streamlines the creation of high-fidelity user interfaces through a design-driven workflow and automated visual validation.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches based on computational philosophy.

Advanced Web Artifacts Builder

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

Tailwind CSS Setup & Patterns

Streamlines Tailwind CSS 4.x configuration and provides optimized utility patterns for modern React applications.

Vercel React Best Practices

Optimizes React and Next.js applications using performance guidelines and implementation patterns from Vercel Engineering.

Favicon Generator

Generates production-ready, cross-platform favicons from logos, text, or brand colors to ensure a professional web presence.