Design Tools Habilidades de Claude

Vite + React Setup Guide

Guides the architectural planning and tech stack selection for modern Vite and React applications using industry best practices.

UI Design Architect

Transforms UI screenshots and reference images into comprehensive design systems and implementation-ready React code prompts.

CLI Design & UX

Generates distinctive, production-grade command-line interfaces with a focus on ergonomics, composability, and exceptional user experience.

React Flow Node Architect

Provides a comprehensive framework and best practices for developing custom React Flow nodes within the WinJin AIGC ecosystem.

WCAG 2.2 Accessibility Guidelines

Applies WCAG 2.2 accessibility standards to web development projects through actionable implementation rules and best practices.

Responsive Typography Skills

Implements fluid typography using CSS clamp() to create responsive font sizes that scale smoothly with the viewport.

Next.js Architecture & Setup Guide

Standardizes Next.js project initialization with feature-based architecture and a robust design system framework.

SAPUI5 Enterprise Development

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

Anthropic Brand Styling & Guidelines

Applies Anthropic's official brand colors and typography to digital artifacts to ensure consistent visual identity.

Claude Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

UI Components & Design System

Builds accessible, production-ready UI components using shadcn/ui and TailwindCSS for consistent design systems.

Canvas Edit - Design Review Annotator

Overlays real-time design review findings and numbered annotation badges directly onto web pages for visual issue tracking.

UI/UX Pro Max - Frontend Design Intelligence

Empowers Claude to design and implement professional-grade frontend interfaces using a curated database of styles, palettes, and UX best practices.

SAP Fiori Tools Development

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

Advanced React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend stacks and professional UI libraries.

Post-Processing Effects

Enhances 3D scenes with cinematic visual effects, color grading, and camera simulations using @react-three/postprocessing.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Anthropic Brand Identity

Applies official Anthropic brand colors and typography to documents and visual artifacts for consistent professional styling.

Bubbletea TUI Builder

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

GPUI Styling & Theming

Provides comprehensive guidance for building beautiful, responsive user interfaces using the GPUI styling system and theme management.

Complex React Artifacts Builder

Streamlines the creation of sophisticated, multi-component React artifacts using shadcn/ui and Tailwind CSS for claude.ai.

Theme Factory

Applies professional visual themes and custom color palettes to documents, presentations, and web artifacts.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.

Anthropic Brand Styler

Applies Anthropic's official brand colors, typography, and visual identity to digital artifacts and document templates.

Artifacts Builder

Constructs complex, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for professional frontend interfaces.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics.

Theme Factory

Applies professional color palettes and typography systems to digital artifacts like slides, reports, and HTML pages.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and automated single-file bundling.

Canvas Visual Design

Generates museum-quality visual art and design philosophies through a specialized two-step creative workflow.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches using a philosophy-first computational approach.