Design Tools Habilidades de Claude

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.

UX Interaction Taste

Audits web applications for interaction quality, accessibility, and user experience standards using a structured review framework.

UI Refactor & Design Review

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

Behavioral Design Toolkit

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

V0 UI Automation

Automates Vercel V0 UI generation and frontend development tasks using the Rube MCP and Composio toolkit.

HTML to Image Automation

Converts HTML and CSS snippets into high-quality images via automated Rube MCP workflows.

Felt Map Automation

Automates collaborative mapping and spatial data workflows in Felt via the Rube MCP and Composio toolkit.

Imgix Automation

Automates image processing and optimization workflows through the Imgix toolkit via Rube MCP.

Visual Arts & Canvas Design

Generates high-end visual art and design philosophies as PDF or PNG artifacts with master-level craftsmanship.

Theme Factory

Applies professional visual styling, curated color palettes, and font pairings to digital artifacts like slides, documentation, and landing pages.

Remove Background Automation

Automates professional-grade image background removal and visual processing workflows using the Composio Remove Bg toolkit.

All Images AI Automation

Automates image generation, manipulation, and asset management tasks using the All Images AI toolkit via Rube MCP.

Visme Design Automation

Automates the creation and management of Visme visual content and presentations through the Rube MCP server.

Mermaid Class Diagram Generator

Generates high-quality Mermaid.js class diagrams to visualize object-oriented structures and relationships within your codebase.

Impeccable Motion & Interaction

Enhances user interfaces with purposeful animations, micro-interactions, and motion effects that improve usability and engagement.

Brand Guidelines Manager

Enforces and documents visual and verbal brand consistency across all digital products and marketing materials.

UI Performance Optimizer

Enhances web interface performance by optimizing loading speeds, rendering efficiency, and asset sizes for a smoother user experience.

Design System Normalizer

Standardizes frontend features to align perfectly with established design systems, UI patterns, and brand aesthetics.

Layout & Spacing Optimizer

Refines frontend layouts by fixing inconsistent spacing, weak visual hierarchy, and monotonous grid structures to create intentional compositions.

UI Resilience & Hardening

Strengthens web interfaces against edge cases, internationalization issues, and real-world error scenarios to ensure production-readiness.

Bolder Design Styling

Amplify safe or boring designs into distinctive, high-impact visual experiences while maintaining usability.

Quieter UI Design

Refines overstimulating and aggressive UI designs into sophisticated, approachable interfaces while maintaining impact.

Interface Delight

Adds personality, joy, and polished micro-interactions to transform functional user interfaces into memorable experiences.

Impeccable Typeset

Refines web typography by establishing clear hierarchies, intentional font pairings, and readable type scales.

Theme Factory

Applies professional color palettes and typography pairings to digital artifacts, presentations, and Next.js projects.

Next.js Form Builder

Streamlines the creation of robust React forms using a standardized React Hook Form and Yup validation infrastructure.