Design Tools Claude 스킬

Web Design Guidelines Auditor

Audits web user interfaces for compliance with industry-standard accessibility, UX, and design system best practices.

Vercel React Performance Optimizer

Optimizes React and Next.js applications using 57 production-grade performance rules curated by Vercel Engineering.

Playground Builder

Generates self-contained, interactive HTML playgrounds for visual exploration and natural language prompt generation.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated styles.

UI/UX Pro Max

Generates comprehensive design systems and high-fidelity UI/UX guidelines for professional web and mobile applications.

Frontend Design

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

Web Artifacts Builder

Builds complex, multi-component Claude.ai artifacts using React, Tailwind CSS, and the shadcn/ui component library.

Frontend I18n Guide

Standardizes internationalization practices for frontend components to ensure seamless and maintainable multi-language support.

Algorithmic Art Generator

Generates sophisticated, philosophy-driven generative art using p5.js and seeded randomness for reproducible computational aesthetics.

AI Elements UI Builder

Builds composable, production-ready AI chat interfaces using shadcn/ui and the Vercel AI SDK.

EdTech Pitch Deck Creator

Transforms raw EdTech startup content into narrative-driven, visually compelling investor pitch decks through a collaborative 7-phase design process.