Design Tools Habilidades de Claude

Remotion Video Creation

Builds programmatic videos and animations using React-based compositions and declarative timing.

Responsive Design Master

Implements modern, mobile-first responsive layouts using container queries, fluid typography, and advanced CSS Grid patterns.

UI Component Builder

Builds accessible, responsive, and framework-agnostic UI components for modern web applications and design systems.

AI Image Editor

Edits and transforms existing images through natural language prompts using the Gemini 3 Pro model via fal.ai.

Nano Banana Visual System

Generates professional, brand-aligned infographics and presentation visuals for shipping and sales pipelines using standardized prompt patterns.

Web Interface Design Auditor

Audits frontend code against Vercel’s Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

Slide Quality Assessment

Evaluates and optimizes presentation slides using evidence-based design principles and a systematic 12-point quality checklist.

Research PDF Generator

Generates aesthetic, print-ready HTML one-pagers and PDFs from research topics using curated design presets.

Visual Engine

Orchestrates sophisticated animation presets, 3D visual components, and interactive gallery experiences while maintaining strict accessibility and performance standards.

Frontend Development Patterns

Standardizes React and Next.js development using production-grade architecture patterns, performance optimizations, and state management strategies.

React & Next.js Performance Best Practices

Optimizes React and Next.js applications using Vercel Engineering performance guidelines to eliminate bottlenecks and reduce bundle sizes.

Vercel React Best Practices

Optimizes React and Next.js applications using Vercel Engineering's production-grade performance guidelines.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation patterns for modern web and mobile applications.

Web Interface Guidelines Auditor

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

Feature-Slicing Architect

Implements Feature-Sliced Design (FSD) architecture to build scalable, maintainable, and well-organized frontend applications.

React UI Component Patterns

Standardizes the creation of production-ready React components with integrated Tailwind CSS styling and Vitest testing patterns.

Frontend React Patterns

Implements modern React and Next.js architectural patterns for clean, scalable, and high-performance web applications.

Figma to Code Converter

Converts Figma designs into pixel-perfect React, Next.js, and Tailwind CSS code using an automated 5-phase agentic workflow.

Figram Connection Debugger

Troubleshoots and resolves WebSocket communication issues between the Figram CLI and FigJam plugins.

Frontend Design

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

Frontend Design

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

Figram Core Architecture Development

Manages the core TypeScript engine for Figram, handling DSL processing, validation, and architecture diagram differencing logic.

Nano Banana JSON Prompter

Converts natural language into structured JSON schemas for precise, reproducible image generation with Gemini 3 Pro.

Web Interface Guidelines Auditor

Audits UI code against industry-standard Web Interface Guidelines to ensure high-quality UX and accessibility compliance.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and precise implementation.

UI/UX Pro Max: Design Intelligence

Generates professional-grade UI/UX design systems and implementation patterns across nine major technology stacks.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with high-fidelity aesthetics to avoid generic AI-generated design patterns.

UI/UX Optimizer & Researcher

Analyzes application interfaces to provide actionable UI/UX improvement recommendations and modern design trend research.

Modern Web Frameworks & Monorepos

Architects high-performance full-stack applications using Next.js, Turborepo, and RemixIcon with optimized build pipelines and professional UI patterns.

Hybrid UI Mockup Generator

Generates professional UI mockups and wireframes using a hybrid system of local HTML templates and the Google Stitch API.