Design Tools Claude 技能

UI/UX Designer

Builds high-quality, accessible web interfaces and design systems using modern frontend best practices and pre-configured templates.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality design and unique aesthetic identities.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through creative coding and intentional design choices.

Frontend Design

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and creative, polished code.

Claude Photo Manager

Manages and analyzes visual content by handling photo uploads, image processing, OCR, and UI debugging directly within Claude Code.

Frontend Responsive

Implements mobile-first, adaptive layouts and touch-friendly interfaces across various screen sizes and devices.

Gemini Image Generation

Generates and edits high-quality images using the Gemini API, supporting text-to-image creation, iterative refinement, and multi-reference composition.

Frontend Responsive

Builds adaptive, mobile-first layouts using fluid design principles and standard breakpoints across all device types.

Frontend Accessibility

Builds accessible, WCAG-compliant user interfaces using semantic HTML, ARIA standards, and robust keyboard navigation patterns.

Frontend Components

Builds reusable, composable UI components following the single responsibility principle and modern state management patterns.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI patterns.

App Accessibility

Ensures software compliance with accessibility standards by implementing inclusive design patterns and best practices across application components.

Nano Banana Image Generation

Generates and edits high-quality images using Google's Gemini-based image models for creative assets and professional compositions.

Frontend Responsive

Implements mobile-first responsive layouts and navigation patterns using Tailwind CSS v3 and Next.js best practices.

App Theming

Ensures visual consistency across application interfaces by adhering to standardized theming patterns and design system guidelines.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic aesthetics through intentional design thinking and bold visual choices.

Frontend Design

Creates distinctive, production-grade frontend interfaces using Astro and Tailwind CSS while avoiding generic AI aesthetics.

Diktat Styling

Applies glass-morphism aesthetics and standardized design guidelines to Vue and Nuxt components using Tailwind CSS.

Design Excellence

Generates distinctive, production-grade frontend interfaces with a focus on polished typography, sophisticated color systems, and high-fidelity micro-interactions.

Frontend Design

Generates creative, production-grade frontend interfaces with distinctive aesthetic directions and high-quality implementation standards.

Canvas Design

Produces museum-quality visual designs and artistic compositions by applying rigorous design philosophies and professional-grade craftsmanship.

Frontend Design

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

CSS Layout Development

Implements modern, responsive CSS layouts using intrinsic design principles, container queries, and fluid scaling techniques.

Frontend Responsive

Implements mobile-first responsive designs and fluid layouts that adapt seamlessly across diverse device sizes and screen resolutions.

Frontend Components

Builds reusable, maintainable UI components using modern architecture patterns across React, Vue, and other frontend frameworks.

Frontend Responsive

Builds adaptive, mobile-first user interfaces using modern CSS patterns to ensure seamless experiences across all device sizes.

Terminal UI Renderer

Generates sophisticated terminal user interfaces using the Rich library, including tables, panels, progress bars, and custom-themed text.

Svelte Design

Creates distinctive, production-grade Svelte and SvelteKit interfaces with high design quality and full-stack capabilities.

Client Interviewing

Conducts structured brand discovery interviews using tiered questionnaire workflows to capture deep strategic insights and positioning requirements.