Design Tools Claudeスキル

Multi-Provider AI Image Generator

Generates high-quality AI images using multiple top-tier providers like OpenAI, Google, and DashScope directly within your development workflow.

Nuxt 4 Full-Stack Framework

Standardizes Nuxt 4 development patterns to ensure high-performance Vue applications with robust server-client separation.

Frontend Design

Generates distinctive, production-grade frontend interfaces that prioritize high design quality over generic AI aesthetics.

Cellm Icons

Standardizes visual communication by routing icon systems between ASCII symbols for text and Iconify for Vue components.

Tailwind & Nuxt UI v4 Design System

Enforces semantic design tokens and CSS variable standards for Tailwind CSS v4 and Nuxt UI v4 implementations.

CLB Editorial Frontend Architect

Builds premium, magazine-style React interfaces for the CLB Tri Thức platform using Next.js 15 and Tailwind CSS.

Design System Manager

Standardizes UI development by managing design tokens, component libraries, and comprehensive pattern documentation.

UX Writing & Microcopy

Generates clear, concise, and user-centric interface copy for buttons, error messages, and empty states.

Design Critique

Evaluates UI/UX designs for usability, visual hierarchy, and accessibility to provide actionable improvement suggestions.

Design Handoff Documentation

Generates comprehensive, developer-ready specifications and implementation notes from design concepts.

User Research Assistant

Streamlines the planning, execution, and synthesis of user research to build products grounded in real user needs.

Frontend Design & Aesthetic UI

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

Accessibility Review

Audits frontend code and UI designs for WCAG 2.1 AA compliance to ensure inclusive digital experiences.

UX & Conversion Optimization

Optimizes user interfaces and conversion flows using proven UX patterns and behavioral psychology.

Tamagui v2 Universal UI

Builds high-performance, cross-platform React applications for web and native using a unified styling system and optimizing compiler.

Web Interface Guidelines Auditor

Audits web application code for compliance with professional UI/UX guidelines and accessibility standards.

Image Compressor & WebP Converter

Optimizes and converts images to WebP, PNG, or JPEG using the best available system tools for maximum efficiency.

Professional Infographic Generator

Generates publication-ready infographics from text content using a vast library of structural layouts and visual styles.

Frontend UI & UX Designer

Crafts visually stunning, high-fidelity frontend interfaces with a focus on bold aesthetics and production-grade code.

Baoyu Article Cover Generator

Generates professional, highly-customizable article cover images using a structured five-dimensional design framework.

Frontend UI/UX Specialist

Crafts visually stunning, production-grade frontend interfaces with a designer's eye for typography, motion, and spatial composition.

UI/UX Pro Max

Generates comprehensive design systems and provides professional UI/UX guidance for web and mobile development.

UI Design System Toolkit

Automates the creation and maintenance of scalable UI design systems through token generation and component architecture.

UI/UX Pro Max: Design Intelligence

Automates the creation of comprehensive design systems and high-fidelity UI components across multiple technology stacks.

UI Design System Toolkit

Generates production-grade design tokens, component architectures, and responsive styling systems to ensure visual consistency across web projects.

PatriotForge Frontend Architect

Architects and implements enterprise-grade React frontends using TypeScript, Tailwind CSS v4, and React Router v7 patterns.

Interface Design

Builds bespoke, high-craft interfaces for dashboards, admin panels, and software tools while avoiding generic AI design templates.

Vercel React Performance Best Practices

Optimizes React and Next.js applications using 57 performance-focused rules derived from Vercel Engineering standards.

Remotion Video Best Practices

Standardizes programmatic video creation in React by providing expert patterns for Remotion animations, asset handling, and metadata management.

Tabby Terminal Visual Customization

Configures and personalizes the visual appearance of the Tabby terminal, including themes, custom color schemes, and advanced font settings.