Design Tools Claudeスキル

Frontend Design & Aesthetics

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

Frontend Design Pro

Generates high-fidelity, production-grade web interfaces with distinctive aesthetics that transcend generic AI-generated designs.

React Performance Architect

Optimizes React and Next.js applications using 47 performance-focused rules to eliminate waterfalls, reduce bundle sizes, and improve rendering efficiency.

Next.js Architecture Pro

Architects high-performance Next.js applications using modern App Router patterns and optimized data fetching strategies.

Shadcn/UI Component Manager

Streamlines the discovery, installation, and management of shadcn/ui components within React and Next.js projects.

React Development & Best Practices

Enforces modern React patterns and performance optimizations while minimizing unnecessary Effects and redundant state.

UI Styling & Design Systems

Builds accessible, production-ready user interfaces using shadcn/ui, Tailwind CSS, and sophisticated design principles.

Aesthetic Design & UI/UX

Creates high-end, visually stunning user interfaces by applying systematic design principles and iterative AI-driven refinement.

AI Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade screenshots and visuals automatically.

Theme Factory

Applies professional visual themes and curated color palettes to digital artifacts including slides, documents, and landing pages.

Anthropic Brand Guidelines

Applies official Anthropic visual identity, colors, and typography to digital artifacts and documents.

Advanced Artifacts Builder

Constructs sophisticated, multi-component React artifacts for Claude using shadcn/ui, Tailwind CSS, and automated bundling.

Frontend Development Guidelines

Implements modern React and TypeScript patterns using Suspense-based data fetching and feature-driven architecture.

Frontend Design & Aesthetics

Generates distinctive, production-ready frontend interfaces with high-end design quality that avoids generic AI-generated aesthetics.

Web Artifacts Builder

Constructs complex, single-file React artifacts for Claude.ai using shadcn/ui and modern frontend build tools.

Frontend Design

Creates distinctive, production-grade frontend interfaces with exceptional design quality and creative intentionality.

Anthropic Brand Styler

Applies Anthropic's official visual identity, brand colors, and typography to generated artifacts and documents.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's strict size and dimension constraints.

Modern UI & shadcn/ui Styling

Simplifies the creation of beautiful, accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

UI/UX Pro Max

Generates professional-grade UI/UX designs and production-ready frontend code across multiple frameworks and design systems.

Theme Factory

Applies professional color palettes and cohesive font pairings to artifacts like slides, documents, and landing pages.

Moai Vector Icon Ecosystem Guide

Provides comprehensive implementation patterns and decision trees for selecting and integrating over 200,000 vector icons across 10+ major libraries.

AI Image Generation & Editing

Generates and modifies high-quality images, diagrams, and illustrations using FLUX and Gemini models via the OpenRouter API.

Theme Factory

Applies professional color palettes and typography pairings to digital artifacts like slide decks, documentation, and HTML landing pages.

Visual Design Philosophy

Generates sophisticated visual art and design philosophies through meticulous spatial and aesthetic orchestration.

Anthropic Brand Styling

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

Frontend Design Professional

Creates distinctive, production-grade frontend interfaces with high-end aesthetic intentionality and creative flair.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documentation, and landing pages.

Algorithmic Art Studio

Creates sophisticated, master-level generative art and interactive visual experiences using p5.js and computational philosophy.

Slack GIF Creator

Generates high-quality, optimized animated GIFs specifically tailored for Slack emojis and messages.