Design Tools Claudeスキル

Frontend Design Pro

Generates distinctive, production-grade web interfaces with high-end aesthetics and bespoke design choices to avoid generic AI styles.

Artistic Canvas Designer

Generates sophisticated, museum-quality visual designs and posters based on custom-developed artistic philosophies.

Baseline UI Standards

Enforces professional UI/UX standards to eliminate generic AI-generated interface patterns and ensure accessible, high-performance code.

Theme Factory

Applies professional visual themes, color palettes, and font pairings to slides, documents, and web artifacts.

Frontend Design Expert

Elevates web interfaces with high-end typography, sophisticated color palettes, and unique aesthetic principles to avoid generic AI-generated styles.

Nano Banana Pro Image Generation

Generates and edits high-resolution images using the Gemini 3 Pro Image API directly within your development environment.

OpenClaw Canvas

Renders interactive HTML content, visualizations, and dashboards across connected Mac, iOS, and Android nodes.

Motion Performance Optimizer

Optimizes web animations by identifying and fixing performance bottlenecks, layout thrashing, and inefficient rendering patterns.

UI Styling & Shadcn Component Kit

Builds beautiful, accessible, and responsive user interfaces using shadcn/ui components and Tailwind CSS utility styling.

Algorithmic Art Mastery

Generates sophisticated generative art and computational philosophies using p5.js and seeded randomness.

SolidJS Reactive Patterns

Implements fine-grained reactivity and robust UI state patterns for SolidJS applications to prevent state coupling and UI deadlocks.

React & TypeScript Frontend Architect

Provides comprehensive guidelines and best practices for building modern, high-performance React applications using TypeScript, MUI, and TanStack.

Anthropic Brand Styling

Applies Anthropic's official visual identity, colors, and typography to presentations and digital artifacts.

Slack GIF Creator

Generates and optimizes animated GIFs specifically tailored for Slack emojis and messages using Python-based drawing and easing utilities.

Next.js & Turborepo Web Frameworks

Builds high-performance, full-stack React applications using Next.js App Router, Turborepo monorepo management, and RemixIcon iconography.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on bold aesthetics and creative implementation to avoid generic AI-generated styles.

Web Artifacts Builder

Builds complex, single-file Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for high-fidelity interactive previews.

UI/UX Pro Max

Empowers developers to build production-grade interfaces using a searchable database of professional design systems, styles, and multi-stack best practices.

Image Compressor & Optimizer

Compresses and converts images to WebP or optimized PNG formats using system tools with smart fallbacks.

Aesthetic UI Design System

Creates visually stunning, high-performance user interfaces by integrating proven design principles and systematic AI-driven workflows.

SAPUI5 Enterprise Development

Streamlines the creation of enterprise-grade web applications using the SAPUI5 framework and Fiori design patterns.

Design Polish & Asset Generator

Automatically replaces frontend placeholders and existing assets with AI-generated visuals aligned with your project's design system.

Pixel Pusher UI/UX Designer

Transforms vague design requirements into professional, production-ready web interfaces through a systematic multi-stage design process.

Modern React Development

Builds high-performance web applications using React 19 features, Server Components, and modern state management patterns.

3D Visualization & Three.js

Creates immersive 3D web experiences, interactive data visualizations, and performance-optimized Three.js scenes using React Three Fiber.

Frontend Design

Generates distinctive, production-grade frontend interfaces and web components with high aesthetic quality and unique creative direction.

Shadcn UI Components

Implements accessible, type-safe UI components for Next.js applications using shadcn/ui, Tailwind CSS v4, and react-hook-form integration.

Frontend Design

Generates distinctive, production-grade frontend interfaces that prioritize creative intentionality and avoid generic AI aesthetics.

Arcanea Design System

Generates futuristic, glassmorphic UI components and consciousness-aligned styling for premium web interfaces.

Reactive Markdown Prototyping

Transforms standard markdown into interactive product specifications and live prototypes using the reactive-md VS Code extension.