Design Tools Habilidades de Claude

Algorithmic Art

Generates sophisticated generative art using p5.js based on custom algorithmic philosophies and seeded randomness.

Claude Artifacts Builder

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

React Artifacts Builder

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

Canvas Design Artistry

Generates sophisticated visual philosophies and translates them into museum-quality posters, art pieces, and digital canvases.

Canvas Design & Visual Artistry

Generates museum-quality visual art and sophisticated design philosophies in PNG and PDF formats.

Seed Design Documentation Generator

Generates high-quality Korean component guidelines for the SEED Design System by extracting data from Rootage YAML specifications.

Theme Factory

Styles digital artifacts with professional color palettes and font pairings to ensure visual consistency across documents and presentations.

Advanced UI Artifact Builder

Streamlines the creation of sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks.

Advanced React Artifacts Builder

Creates sophisticated, multi-component React artifacts for Claude.ai using modern frontend technologies like shadcn/ui and Tailwind CSS.

React Modernization & Upgrade

Upgrades React applications by migrating class components to hooks, implementing concurrent features, and automating refactoring with codemods.

Corporate Brand Guidelines Stylist

Applies consistent corporate branding, visual styling, and professional messaging to all generated documents and reports.

Corporate Brand Guidelines

Applies consistent corporate branding, visual styles, and messaging patterns to all generated documents and presentations.

Corporate Brand Guidelines Manager

Enforces consistent corporate branding across presentations, spreadsheets, and documents using predefined visual and messaging standards.

Corporate Brand Guidelines

Standardizes document generation by applying consistent corporate branding, visual styles, and professional messaging across multiple formats.

Gemini Image Generator

Generates and edits high-quality images directly within your development workflow using Gemini's advanced vision models.

Image Enhancer

Enhances image and screenshot quality by improving resolution, sharpening edges, and removing compression artifacts for professional use.

Paper2Web: Academic Paper Transformation

Transforms academic research papers into interactive websites, professional presentation videos, and print-ready conference posters.

Canvas Design & Visual Arts

Generates professional-grade visual art and design philosophies through a systematic, craftsmanship-focused workflow.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and unique aesthetic character.

Gemini Image Studio

Generates and edits high-resolution images using the Google Gemini API directly within your AI-assisted development workflow.

rEFui Framework Expert

Develops high-performance UI projects using the rEFui retained-mode and signals mental model for web, native, and embedded platforms.

AI Image Skill Builder

Guides users through an interactive, zero-code wizard to create custom batch image generation skills for any scenario.

Logo Batch Generator

Generates batches of professional brand logo variants from text descriptions or reference images using the Gemini API.

Excalidraw Diagram Generator

Generates professional architecture and system diagrams as editable .excalidraw files directly from codebase analysis.

Excalidraw Architecture Generator

Generates professional architecture and system diagrams directly from codebase analysis as editable .excalidraw files.

Atomic Design Integration

Implements modular Atomic Design architectures and component hierarchies across React, Vue, and Angular frameworks.

Atomic Design Molecules

Constructs reusable, functional molecule components by combining atomic elements for consistent UI architecture.

Impeccable Frontend Design

Generates production-grade, aesthetically unique frontend interfaces that avoid generic AI design patterns through bold conceptual direction.

Atomic Design Organisms

Architects complex, standalone UI components by aggregating molecules and atoms into cohesive functional sections like headers and dashboards.

Atomic Design Templates

Generates structured, content-agnostic page layouts based on Atomic Design principles to establish scalable skeletal architecture.