Design Tools Habilidades de Claude

Interactive Portfolio Architect

Architects high-conversion professional portfolios that transform personal projects into memorable, job-landing experiences.

Stitch Prompt Enhancer

Transforms vague UI ideas into polished, design-system-aware prompts optimized for high-quality frontend generation.

Web Artifacts Builder

Generates and bundles professional React-based frontend artifacts into portable, single-file HTML components for Claude.ai.

React UI Design Patterns

Implements production-grade React UI patterns for state management, data fetching, and professional error handling.

React Artifact Architect

Builds complex, multi-component Claude.ai HTML artifacts using modern React, Tailwind CSS, and shadcn/ui frameworks.

Core Component Design System

Implements production-ready UI components and design system patterns using standardized design tokens.

Sentry Brand Copywriting

Crafts user-facing copy, UI text, and documentation following the official Sentry brand guidelines and tonal standards.

Apple HIG Design Foundations

Ensures Apple application development adheres to Human Interface Guidelines (HIG) design principles and best practices.

React State Management Master

Implements and optimizes modern React state management patterns using Redux Toolkit, Zustand, Jotai, and React Query.

Vercel React Best Practices

Optimizes React and Next.js performance using 69 high-impact rules curated by Vercel Engineering.

Avalonia UI Zafiro Layout Expert

Optimizes Avalonia UI development using Zafiro conventions to create clean, maintainable, and semantic layouts.

Brandfetch Automation

Automates the retrieval and management of brand assets and company data using the Brandfetch API via Rube MCP.

Frontend CSS

Enforces standardized coding practices and implementation patterns for frontend styling to ensure consistent and maintainable CSS.

Frontend Responsive

Implements responsive design patterns and mobile-first layouts according to established frontend coding standards.

Frontend Accessibility

Ensures user interfaces meet established accessibility standards through guided coding practices and inclusive design patterns.

Frontend Components

Enforces standardized coding patterns and implementation guidelines for building consistent, high-quality frontend components.

AI Draw.io Diagram Generator

Generates professional draw.io flowcharts and architecture diagrams from natural language with instant browser previews.

Shadcn/UI Design System

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

Tailwind CSS Styling Patterns

Streamlines frontend development using utility-first CSS patterns for responsive, high-performance web interfaces.

Frontend Development Patterns

Implements modern React and Next.js architectural patterns to build performant, maintainable, and scalable user interfaces.

PPT Korean Design System

Generates professional, business-grade Korean PowerPoint presentations using PptxGenJS with native element mapping and standardized typography.

Design Systems & Aesthetics

Generates distinctive, bold visual directions for web interfaces while avoiding generic AI-generated design patterns.

WordPress Site Specification Generator

Transforms simple user descriptions and brand assets into comprehensive technical specifications for WordPress theme creation.

Brand.yml Identity Manager

Standardizes brand identity across Shiny applications and Quarto documents using a unified YAML configuration.

Professional UI Constraints

Enforces opinionated, high-performance, and accessible UI development patterns for frontend agents.

TouchDesigner Guide

Streamlines TouchDesigner network development by providing standardized patterns for operator creation, data conversion, and GLSL shading.

Imagine: AI Image Prompt Architect

Generates professional, high-fidelity prompts for Google Imagen 3/4 using technical photography specifications and extensible art style frameworks.

I18n & Localization Specialist

Implements robust multi-language support, localized formatting, and RTL layouts using modern frameworks like next-intl and react-i18next.

Professional PDF Design & Reporting

Generates and iterates on professional-grade PDF reports and funding proposals using HTML/CSS templates and live previews.

Accessibility Compliance for Media

Implements WCAG 2.1 AA standards for journalism, academic publishing, and web-based media interfaces.