Design Tools Claude 技能

Changelog Infographic Generator

Converts structured changelog summaries into professional, high-quality PNG infographics for visual release announcements.

Lumina Interactive Menu Creator

Generates polished, accessible UI menus and overlays with built-in animations and UX best practices.

SolidJS Web Development

Builds high-performance user interfaces using SolidJS's fine-grained reactivity and signal-based architecture.

Modern CSS Expert

Architects production-grade, accessible user interfaces using the latest CSS features like cascade layers, container queries, and OKLCH color spaces.

UX Accessibility Design

Implements inclusive design principles and WCAG compliance for interactive web interfaces and components.

Fabric Art Prompt Engineer

Generates high-fidelity, descriptive AI art prompts with precise style guidance and visual conceptualization.

Web Interface Design Guidelines

Audits frontend code for compliance with professional web design, accessibility, and UX standards using real-time Vercel guidelines.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous detail.

Connecting Widget Pipelines

Facilitates communication between StickerNest widgets by defining typed ports and configuring data flow pipelines.

Algorithmic Art & Generative Aesthetics

Generates sophisticated, gallery-quality algorithmic art using p5.js through a dual-process of philosophical conceptualization and meticulous code implementation.

Moai Enterprise UI Library

Streamlines React development with an enterprise-grade shadcn/ui component library and AI-enhanced design system architecture.

Anime & Manga Midjourney Prompt Builder

Generates specialized Midjourney Niji mode prompts for authentic anime and manga art styles.

Figma to React

Converts Figma screen flows into pixel-perfect, production-ready React components with Tailwind CSS and automated visual validation.

React Component Patterns

Enforces professional React best practices using functional components, TypeScript, and standardized state management.

Theme Factory

Styles artifacts with professional color palettes and font pairings to ensure visual consistency across documents and presentations.

Algorithmic Art Architect

Generates sophisticated algorithmic art and generative philosophies using p5.js and mathematical principles.

UI Color Theory & Palette System

Generates professional, accessible, and theme-ready color schemes based on advanced color theory principles for modern web applications.

Web Artifacts Builder

Builds sophisticated, multi-component React applications bundled into single-file HTML artifacts for claude.ai.

Accessibility Design Skill

Implements WCAG-compliant web interfaces with advanced keyboard navigation, screen reader optimization, and automated accessibility testing.

Brand Guidelines

Applies Anthropic's official visual identity, including specific color palettes and typography, to ensure professional and consistent brand styling across various artifacts.

Frontend Design

Creates distinctive, production-grade web interfaces and components with a focus on high-quality aesthetics and creative UI design.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis tailored to Slack's specific technical requirements.

Algorithmic Art

Generates sophisticated generative art sketches using p5.js based on custom-crafted algorithmic philosophies and mathematical patterns.

Canvas Design

Generates museum-quality visual art and graphic designs through a structured process of philosophy creation and artistic execution.

Image Enhancer

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

Chrome Extension UI Patterns

Provides standardized UI patterns and boilerplate code for building accessible, responsive Chrome Extension interfaces.

Responsive Web Design

Architects fluid and adaptive web interfaces that ensure an optimal user experience across mobile, tablet, and desktop devices.

Image Enhancer

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

Image Enhancer

Enhances image resolution and clarity to transform low-quality screenshots into professional-grade visuals.

Sigil Design Pattern Governance

Manages design system approvals and formalizes overrides for UI fidelity while enforcing immutable technical constraints.