Design Tools Agent Skills

Nanobanana Image Generation

Generates and edits high-quality images directly within Claude Code using the Google Gemini API.

SaaS & App Interface Design

Builds purposeful, high-craft user interfaces for dashboards and SaaS applications by prioritizing intent over generic AI defaults.

Frontend Design Pro

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

React RSC Architecture

Architects high-performance React applications using Server Components, Island Architecture, and optimal composition patterns.

Web Accessibility Patterns

Implements WCAG-compliant web accessibility standards using semantic HTML, ARIA attributes, and robust keyboard navigation logic.

React Concurrency & Memoization

Optimizes React application performance using modern concurrent rendering features and strategic memoization patterns.

React Server Components Architecture

Optimizes Next.js application structure by implementing React Server Component (RSC) best practices and efficient client-side composition patterns.

TypeScript Prop Definition

Standardizes React component prop definitions using TypeScript interfaces, JSDoc documentation, and advanced utility types.

TypeScript Prop Architect

Standardizes React component prop definitions with JSDoc documentation, utility types, and type-safe variant patterns.

Tailwind Utility Styling

Implements modern, responsive web interfaces using Tailwind CSS utility classes, semantic variables, and component variants.

Web Accessibility Patterns

Implements standard web accessibility practices using semantic HTML, ARIA attributes, and robust keyboard navigation patterns.

Tailwind CSS Utility Styling

Standardizes frontend development with utility-first Tailwind CSS patterns, mobile-first responsiveness, and semantic styling.

Framer Motion Interactive Animations

Implements high-performance, production-grade React animations and interactive gestures using Framer Motion.

Shadcn/UI Component Scaffolding

Automates the installation, composition, and customization of shadcn/ui components using CLI-first patterns.

Shadcn/UI Component Scaffolder

Automates the installation and configuration of accessible shadcn/ui components using best-practice CLI workflows.

Interface Design Expert

Crafts distinctive, production-grade functional interfaces for dashboards, admin panels, and SaaS applications while avoiding generic design patterns.

Professional Interface & Dashboard Design

Generates high-craft, intent-driven user interfaces for dashboards, SaaS applications, and complex data tools.

Distinctive Frontend Design

Generates production-grade, high-fidelity frontend interfaces with unique aesthetic identities that avoid generic AI-generated patterns.

Canvas Design Artistry

Generates sophisticated, museum-quality visual art and design philosophies through a meticulous two-step creative process.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slides, documents, and landing pages.

Anthropic Brand Guidelines

Applies official Anthropic visual identity, colors, and typography to digital artifacts and documents.

Nano Banana Pro

Generates and edits high-quality images using the Gemini 3 Pro Image model directly within your development environment.

Design Craft

Transforms functional software into delightful user experiences through advanced UI patterns, micro-interactions, and emotional design.

UX Designer

Guides the creation of unique, accessible, and user-centered interfaces with a focus on non-generic design patterns.

Shadcn UI Manager

Streamlines the discovery, installation, and implementation of shadcn/ui components within your web projects.

Shadcn/UI Component Manager

Automates the discovery, installation, and implementation of shadcn/ui components to accelerate frontend development workflows.

Theme Factory

Styles artifacts like slides, documents, and landing pages using professional curated themes and custom font pairings.

Python TUI & Dashboard Expert

Constructs sophisticated terminal user interfaces and interactive REPLs using Textual and Python Prompt Toolkit.

Shadcn UI Management

Streamlines the discovery, installation, and implementation of shadcn/ui components for rapid React frontend development.

Project Logo Author

Generates professional, transparent-background project logos using AI image generation and automated post-processing tools.