디자인 스킬

Accessible React component library with style props and theming

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Ant Design enterprise UI library for React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Unstyled accessible React component primitives

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Tailwind CSS v4 - utility-first CSS framework with CSS-first configuration

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SCSS Modules - locally scoped component stylesheets, cascade layers, the Sass module system, mixins, and build-time versus runtime values

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Design token architecture - primitive/semantic/component tiers, naming grammar, CSS custom property delivery, and DTCG build pipelines

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Material Design component library for Vue 3

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

TanStack Table v8 patterns - useReactTable, column definitions, sorting, filtering, pagination, row selection, virtual scrolling, server-side data

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

shadcn/ui component library patterns, CLI usage, theming, customization

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Unstyled accessible UI primitives

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Error boundary patterns, fallback UI, reset/retry, react-error-boundary library, React 19 createRoot error hooks

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

CSS animation patterns - transitions, keyframes, scroll-driven timelines, @property, compositor-friendly properties, prefers-reduced-motion

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Tamagui universal UI - styled(), tokens, themes, optimizing compiler, responsive media queries, animations, Sheet/Dialog components

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

React Native Paper v5+ - Material Design 3 theming, PaperProvider, key components, dynamic color, accessibility, tree-shaking, custom fonts, navigation integration

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

NativeWind v4+ - Tailwind CSS utility classes for React Native, className prop, CSS variables, dark mode, platform prefixes, animations, theming, third-party component integration

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Frontend specification planning frameworks. Use when a spec touches UI components, forms, client state, or user-facing flows. Covers UI-state completeness (loading, error, empty, success), component boundaries, form validation contracts, state ownership, and measurable UI success criteria.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Readable TypeScript functions — orchestrators over pure helpers, named predicates and transforms, guard clauses, exhaustive unions. Load when writing or refactoring a function that mixes validation, transformation and assembly, or when deciding whether an expression should be extracted.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Composable component APIs — parts, state, polymorphism. Load when designing a reusable component's API, or aligning one that has grown boolean, renderX or style props.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

React Native Reanimated 4 - shared values, animated styles, spring/timing/decay, layout animations, gesture integration, scroll-driven animations, interpolation, worklets, CSS animations

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Frameless windows, custom title bars, tray, menus, dock badges, vibrancy, kiosk mode, window state persistence

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use this to design a nice UI in single html as inspiration & UI exploration.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.