Design Tools Claudeスキル

Architectural Design Review

Audits room and apartment layouts against professional interior design checklists to ensure spatial coherence and functional flow.

Design Registry Collector

Automates the extraction and documentation of furniture and decor products into a structured project registry.

Plasmic Design Automation

Automates Plasmic visual builder tasks and content management workflows through the Rube MCP and Composio toolkit.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific hex colors and typography, to digital artifacts and design assets.

PastCare UX & Design System

Implements responsive, accessible, and theme-aware UI patterns following strict mobile-first design standards.

HTML Proposal Design System

Standardizes the creation of professional HTML-based diagrams, charts, and tables using a unified design system.

Apple HIG & Web Standards Audit

Audits and implements Apple Human Interface Guidelines and modern web standards for cross-platform Next.js applications.

Design System Playground

Generates interactive playgrounds and enforces design token standards to ensure consistent, scalable UI development.

Image Cropper

Automatically trims blank borders and transparent space from images to isolate core content using intelligent detection.

SolidJS Reactivity Specialist

Implements high-performance SolidJS reactive patterns using signals, effects, and memos while enforcing core architectural best practices.

SolidJS Control Flow Guide

Implements reactive conditional and list rendering using SolidJS control flow components to ensure optimal performance and reactivity.

SolidJS Component Architect

Generates high-performance SolidJS components with reactive-safe prop handling and optimized lifecycle management.

CRM Orbit UI Agent

Implements frontend components, layouts, and internationalization wiring for the CRM Orbit ecosystem while preserving backend integrity.

Seed Design React System

Streamlines UI development using the Seed Design React component library by providing instant access to official API documentation and implementation patterns.

React Expert

Builds production-ready React applications using modern patterns, React 19 features, and performance-optimized component architectures.

Weather Favorites & Autorefresh

Implements persistent location management and automated weather data synchronization with customizable refresh intervals.

UI/UX Pro Max Design Intelligence

Provides comprehensive design guidelines, color palettes, and component patterns across multiple web and mobile technology stacks.

Figma to Code

Translates Figma designs into production-ready frontend code with pixel-perfect visual fidelity using the Figma MCP server.

Design System Keeper

Maintains UI consistency by enforcing existing design tokens and component rules throughout the development process.

Vercel React Best Practices

Optimizes React and Next.js applications using 57 industry-leading performance patterns and automated refactoring rules from Vercel Engineering.

React Composition Patterns

Implements scalable React architecture patterns to eliminate prop drilling and build flexible, high-quality component libraries.

DSE Audit

Audits the CELLM Design System Engine to ensure component coverage, decision quality, and codebase alignment.

Motion Interaction Designer

Designs purposeful, performant UI animations and interactive experiences using Framer Motion for React and Next.js.

HTML Static Design

Builds clean, semantic, and visually appealing static web pages through iterative refinement of HTML structure and modern CSS styling.

Builder Methods Brand Illustrator

Generates hand-drawn, branded line art illustrations with customizable accent colors for technical and marketing content.

Strategic UI Colorizer

Enhances monochromatic interfaces by strategically introducing purposeful color palettes and semantic highlights to improve visual hierarchy and engagement.

DSE Design Ingest

Extracts and persists design system decisions from conversation context into the CELLM DSE using the ATOM format.

Design System Engine (DSE)

Injects project-specific design decisions and tokens into Nuxt 4 UI development to ensure strict adherence to design systems.

Design System Discovery

Scans projects, Figma files, and design tokens to automatically bootstrap and manage a structured Design System Engine context.

GDU Frontend Architect

Orchestrates production-grade frontend architecture for Nuxt 4 stacks using enforceable design contracts and context engineering.