Design Tools Habilidades de Claude

Bubbletea TUI Builder

Builds professional terminal user interfaces using Go, the Bubbletea framework, and Lipgloss styling.

Canvas Design

Generates museum-grade visual art and design philosophies for high-end posters, brand assets, and artistic compositions.

Design System & Token Manager

Manages comprehensive design systems and tokens to maintain visual consistency across frontend applications.

Jungian Archetypes for UI/UX

Translates Jungian psychological archetypes into cohesive UI/UX design systems, including Tailwind patterns, typography, and motion principles.

Archetypal Alchemy Engine

Generates psychologically-resonant UI/UX design systems by synthesizing Jungian archetypes with Major Arcana color palettes.

React Modernization

Upgrades React applications to modern versions and migrates legacy class components to functional components using hooks.

Brand Systems Mastery

Builds comprehensive, professional-grade brand identity systems from strategic positioning to implementation-ready design tokens.

React shadcn/ui Component Library

Generates production-ready, accessible React components using shadcn/ui architecture, Radix UI, and Tailwind CSS.

Slack GIF Creator

Generates and optimizes custom animated GIFs specifically tailored for Slack emojis and message requirements.

Design Principles Mastery

Applies fundamental visual design laws and Gestalt psychology to create professional, intuitive, and balanced user interfaces.

Design Masters

Applies the philosophies and techniques of legendary designers like Dieter Rams and Massimo Vignelli to modern UI/UX challenges.

Base UI React Component Toolkit

Implements accessible, unstyled React components using the render prop pattern for full styling control and smart positioning.

Svelte Expert

Builds production-ready Svelte components and SvelteKit applications with automated code validation and documentation access.

Visual Design Principles

Applies fundamental visual design laws and Gestalt psychology to create balanced, intuitive, and professional user interfaces.

SAP Fiori Tools Development

Streamlines the creation, configuration, and deployment of SAP Fiori Elements and SAPUI5 applications using standardized SAP Fiori tools workflows.

SAPUI5 Enterprise Development

Builds production-ready enterprise web applications using the SAPUI5 framework, OData services, and Fiori design principles.

Monet

Streamlines the integration of pre-built React and TypeScript components from a curated registry to accelerate landing page development.

Major Arcana UI Design System

Generates evocative UI color palettes and visual atmospheres based on Tarot archetypes to enhance digital storytelling.

Animation & Interaction Validator

Validates and enforces engaging user experiences by ensuring proper animations, transitions, and interactive feedback states in React applications.

Shadcn UI Design Validator

Automatically validates React frontend components to prevent generic aesthetics and enforce high-quality, branded design patterns.

Gemini Image Generator

Generates, edits, and composes high-quality visual content using Google's Gemini AI API directly within your development workflow.

React Component Generator

Generates production-ready React components using TypeScript, modern hooks, and industry-standard best practices.

FeedMob Brand Guidelines & Content Generator

Generates professional, on-brand FeedMob content including reports, presentations, and data visualizations following official style requirements.

UI Aesthetic & Design Validator

Ensures shadcn/ui components meet high design standards by validating customization depth and flagging generic AI-generated styling patterns.

Angular Forms Implementation

Simplifies the creation of robust, validated, and dynamic forms in Angular applications using reactive and template-driven approaches.

React Component Creation

Guides the creation of standardized, production-ready React components using best practices for TypeScript, CSS Modules, Storybook, and testing.

Design Movements

Guides Claude in applying historical design principles and aesthetic lineages to modern UI/UX and frontend development projects.

Brand Systems Identity & Strategy

Builds comprehensive brand identity systems from strategic positioning to implementation-ready design tokens and documentation.

Stitch Prompt Architect

Converts natural language descriptions and UI specs into optimized, production-ready Google Stitch design prompts.

Figma Desktop for Claude

Bridges the gap between design and development by extracting production-ready UI code, design tokens, and visual assets directly from the Figma desktop app.