Design Tools Habilidades de Claude

Excalidraw Diagram Design

Generates organic, hand-drawn diagrams and mind maps with a focus on visual hierarchy and accessibility.

Branding & Visual Identity

Establishes cohesive brand identity systems including visual standards, color palettes, typography, and verbal tone guidelines.

shadcn/ui Component Integration

Streamlines the discovery, installation, and customization of accessible shadcn/ui components using Radix UI and Tailwind CSS.

Motion Vue Animations

Streamlines the creation of fluid, production-ready animations and gesture-based interactions using the Motion Vue library for Vue 3 and Nuxt.

Shadcn UI Component Expert

Streamlines the implementation of accessible, high-quality React components using shadcn/ui and Tailwind CSS.

Frontend Development Patterns

Implements industry-standard React and Next.js patterns for state management, performance optimization, and reusable UI architecture.

Industrial Brutalist UI

Architects raw, high-impact web interfaces that synthesize Swiss typographic design with retro-military terminal aesthetics.

Site Ripper

Extracts comprehensive design systems, CSS styles, and visual assets from any website using Playwright.

UI/UX Redesign Studio

Audits and transforms existing web applications by replacing generic AI patterns with high-end, premium design standards.

Korean Frontend Localization Defaults

Standardizes frontend projects for the Korean market with optimized typography, localized content patterns, and standalone HTML output.

High-End Visual Design & UX Architect

Transforms AI-generated code into premium, agency-grade digital experiences with obsessive attention to typography, motion, and spatial rhythm.

High-Agency Frontend Architect

Enforces premium UI/UX standards and production-grade frontend patterns to eliminate generic AI design biases.

Figma Design System Parser

Extracts design system tokens, assets, and components from Figma files via the REST API to accelerate frontend development workflows.

Premium Minimalist UI Architect

Generates refined, editorial-style web interfaces featuring high-contrast monochrome palettes and sophisticated typographic hierarchies.

Stitch Design System Architect

Generates semantic design systems for Google Stitch that enforce premium, anti-generic UI standards and performance-optimized layouts.

PressLess Static Site Generator

Generates high-performance static websites by extracting design systems from Figma files, live websites, or stylistic mood descriptions.

Remotion Best Practices

Provides expert guidance and implementation patterns for programmatic video creation using Remotion and React.

Figma Design-to-Code

Converts Figma designs, components, and styles into production-ready code with pixel-perfect accuracy.

iA Presenter Themes

Creates, modifies, and troubleshoots custom visual themes for iA Presenter using CSS and JSON configurations.

Frontend React Architecture Ref

Standardizes React application development using a modern tech stack featuring TanStack Router, Panda CSS, and ConnectRPC.

V0 Design Automation

Automates V0 UI generation and frontend tasks through Composio and Rube MCP integration.

Frontend Design Expert

Elevates web interfaces with high-end typography, sophisticated color palettes, and unique aesthetic principles to avoid generic AI-generated styles.

Web Animation Design

Designs and implements high-performance, purposeful web animations using industry best practices for easing, timing, and accessibility.

UI Refactor & Design Review

Reviews frontend interfaces and provides actionable CSS improvements to enhance visual hierarchy, spacing, and professional polish.

Excalidraw Canvas Skill

Programmatically creates, edits, and refines professional Excalidraw diagrams with real-time canvas synchronization and visual feedback.

Behavioral Design Toolkit

Applies behavioral psychology and decision science principles to optimize user flows and improve product adoption.