메뉴
Heavy UI/UX reference library for major design exploration. Use only for new dashboards, landing pages, redesigns, design systems, marketing heroes, analytics-heavy screens, typography/color exploration, and unfamiliar product styles. Not project governance.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when creating, updating, reviewing, or debugging vector databases, embeddings, semantic search, RAG (Retrieval-Augmented Generation), similarity search, semantic caching, LLM cost optimization, pgvector, Pinecone, Weaviate, Qdrant, Chroma, Milvus, or embedding models.
Use when creating, updating, reviewing, or debugging API endpoints, routes, controllers, services, request validation, responses, or REST/HTTP handlers.
Use when creating, updating, reviewing, or debugging authentication, login, registration, sessions, JWT, OAuth, password reset, auth middleware, roles, permissions, or account security.
Use when creating, updating, reviewing, or debugging billing, payments, subscriptions, invoices, checkout, payment providers, webhooks, refunds, plans, or paid access.
Use when creating, updating, reviewing, or debugging caching, cache keys, TTL, invalidation, Redis, in-memory cache, CDN cache, performance, stale data, or cache-related bugs.
Use when creating, updating, reviewing, or debugging shopping carts, add-to-cart, cart items, guest carts, authenticated carts, cart merge, quantities, pricing, stock checks, or checkout preparation.
| name | ui-ux-pro-max |
| description | Heavy UI/UX reference library for major design exploration. Use only for new dashboards, landing pages, redesigns, design systems, marketing heroes, analytics-heavy screens, typography/color exploration, and unfamiliar product styles. Not project governance. |
This skill is a heavy UI/UX reference library.
It is NOT project governance.
It does NOT override docs/AI_CORE/UI_UX_GOVERNANCE.md.
It must NOT be used for small UI fixes.
Use it only when the Designer needs broader design exploration beyond existing project patterns.
Use for:
Do NOT use for:
For small fixes, use the codebase and governance.
Governance wins over this skill.
This skill may suggest:
This skill must not redefine:
If conflict exists, reject the skill suggestion and follow governance.
Before using this skill, define:
product_type: "<SaaS | marketplace | dashboard | landing | mobile app | etc>"
page_type: "<page/component/flow>"
goal: "<business or user goal>"
target_user: "<who uses it>"
style_target: "<premium | calm | dense | editorial | luxury | etc>"
stack: "<React | Next.js | Tailwind | shadcn/ui | etc>"
existing_constraints: [list]
data_density: "low | medium | high"
interaction_complexity: "low | medium | high"
Use only the domains needed for the task.
Use when choosing page/module structure.
Examples:
Output should clarify:
Examples:
Colors must support product purpose and governance.
Use for new design systems, landing pages, premium brand direction, or readability problems.
Evaluate:
Output should define:
Evaluate:
Output should define:
Match purpose:
Output should define:
Examples:
Output should define:
Examples:
Output should clarify:
Do not write production code.
When this skill is used, return:
skill_role: "heavy UI/UX reference"
governance_overrides_skill: true
context:
product_type: "<type>"
page_type: "<page/component>"
goal: "<goal>"
constraints: [list]
recommended_direction:
style: "<visual direction>"
rationale: "<why it fits>"
avoid: [list]
layout_direction:
pattern: "<recommended structure>"
content_priority: "<what appears first>"
responsive_implication: "<mobile/tablet/desktop notes>"
color_direction:
role_notes: "<role-based guidance>"
risks: [list]
typography_direction:
hierarchy: "<display/heading/body/meta>"
risks: [list]
component_direction:
recommended_components: [list]
reuse_opportunities: [list]
custom_component_risk: "<risk or none>"
data_visualization:
needed: true | false
recommendation: "<chart/table/card direction or none>"
fallback: "<table/text fallback if needed>"
handoff_summary:
decisions_to_apply: [list]
decisions_to_reject: [list]
This skill exists to expand thinking for heavy UI/UX work.
It must:
It must not: