Design Tools Claudeスキル

Professional UI/UX Designer

Designs and implements production-ready React interfaces using shadcn/ui, Tailwind CSS, and modern accessibility standards.

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing deep algorithmic philosophies and implementing them through meticulously crafted code.

Artisan Canvas Designer

Generates high-fidelity visual art and design philosophies in PDF and PNG formats using sophisticated aesthetic principles.

Creative Algorithmic Design

Generates sophisticated algorithmic art and generative design systems using p5.js and computational philosophy.

Image Quality Enhancer

Enhances the resolution, sharpness, and clarity of screenshots and images for professional use in documentation and social media.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks and professional design systems.

Design System Starter

Architects scalable and accessible UI design systems using atomic design principles, standardized tokens, and component patterns.

Frontend Design

Creates distinctive, production-grade frontend interfaces by applying professional design principles and ensuring architectural consistency across codebases.

Frontend Design & UI Architecture

Creates distinctive, production-grade frontend interfaces with a focus on aesthetic quality and architectural consistency.

React Modernization

Upgrades legacy React applications by migrating class components to functional hooks and implementing React 18+ concurrent features.

Theme Factory

Applies professional visual styling, color palettes, and typography to artifacts like slide decks, documentation, and web pages.

DaisyUI v5 Form Patterns

Implements standardized DaisyUI v5 form structures and validation patterns for rapid, accessible frontend development.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific color palettes and typography, to digital artifacts and design components.

Theme Factory

Applies professional color palettes and typography themes to slides, documents, and web artifacts.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific color palettes and typography, to documents and digital artifacts.

UI Audio Theme Generator

Generates cohesive sets of minimal UI sound effects and interaction constants for web and mobile applications using the ElevenLabs API.

Canvas Visual Design

Generates sophisticated visual art and design philosophies for creating high-end, museum-quality digital artifacts.

Frontend CSS

Implements maintainable, responsive styling using modern CSS methodologies and design system tokens.

Frontend Responsive

Builds adaptive, mobile-first web layouts using fluid grids and relative units to ensure a seamless user experience across all device sizes.

Frontend Components

Designs reusable, composable, and maintainable UI components using framework-specific best practices and state management patterns.

Slack GIF Creator

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

Tailwind CSS JARVIS UI

Implements utility-first styling and holographic design patterns for high-performance AI assistant interfaces.

React Artifacts Builder

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

Webflow Code Components

Develops, optimizes, and deploys React-based code components for the Webflow Designer using Shadow DOM architecture and the Webflow CLI.

Design Brief Generator

Generates comprehensive, well-structured design briefs that define project scope, goals, constraints, and success criteria to align stakeholders.

Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade visual assets for documentation and social media.

Frontend Accessibility

Builds inclusive web interfaces using semantic HTML, ARIA attributes, and robust keyboard navigation patterns to ensure WCAG compliance.

Prototype to Production

Converts design prototypes and mockups into production-ready, accessible React components with automated design token extraction.

Book Illustrator

Guides the creation of engaging, age-appropriate children's book illustrations through expert principles in character design, color theory, and visual storytelling.

Frontend Designer

Builds accessible, responsive, and performance-optimized user interfaces using modern CSS patterns and design system best practices.