디자인 스킬

Use for DESIGN.md visual identity contracts; author, scaffold, lint, diff, and export design contracts with the native CodexAI engine.

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

Use when designing, auditing, or redesigning a web UI; select fast, prototype, or studio from the requested scope.

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

Design original, scalable logos and production-ready asset sets for a specific usage context. Use when Codex needs to create or refine a logo, symbol, wordmark, app icon, repository identity, CLI mark, website brand, social preview, or Codex skill/plugin icon; adapt concepts, formats, dimensions, variants, and delivery checks to the target platform instead of producing a context-free image.

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

Figmaデザインをノード情報を活用してレビューし、該当箇所に個別コメントを投稿する。Use when (1) ユーザーがFigmaデザインのレビューを依頼した時 (2) 実装者目線、エンジニア視点でのフィードバックが必要な時 (3) デザインに対してFigma上にコメントを残したい時。padding/margin、色のコントラスト、グリッド整合性などベーシックなデザインチェックも実施。Requires Figma MCP connection and FIGMA_TOKEN environment variable.

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

Evaluate plan.md design decisions for dominant-axis misalignment using the Decision Quality framework. Detects when a plan optimizes for the wrong evaluation axis given the nature of the change. Use during plan review alongside logic-validator and scope-justification-reviewer.

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

Run a governed R&D session — diamond 1 of the double diamond, which defines the problem and names which fan-out artifacts are warranted. Use when the operator pastes external material and says "consider this for gzkit", asks "is there something here gzkit is missing or could improve on", opens an exploratory design discussion whose outcome is not yet known, or asks why a class of defects keeps recurring and how the issues carrying it should be restructured. Ends at a six-row disposition map and operator sign-off; produces no fan-out artifact itself. Operator-invoked only.

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

Explain what the project is and does by design, what it is becoming, the value being built, its architectural trajectory, and where design intent and built reality diverge; publish a retained, ledger-recorded report when the operator requests a high-altitude perspective.

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

Use for "design X", "let's design", "brainstorm X" or "I want to build X"; a dialogue that produces ADR artifacts.

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

Design, review, or report a measured performance comparison. Use for benchmark methodology, speedup or regression claims, and performance-based choices; not generic performance discussion, ordinary dependency bumps, local renames, or prose edits.

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

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.

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

One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.

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

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

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

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context.

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

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

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

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

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

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused.

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

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.

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

Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens.

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

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

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

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

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

Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.

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

Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows.

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

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

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

Agent Ready project design context for navigation, docs links, and interface tone. Use when building or reviewing UI in this repo so patterns match the documented product feel.

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