Components · Input

Option card

시각적으로 풍부한 단일·복수 선택. selected에서 sky-light로 BG 전환 + 원형 체크 마커.

Preview

프롬프트 설계

LLM 자동화 · 업무 플로우

UI 자동화

v0 · Cursor · Claude 프로토타이핑

데이터 · 리서치

SQL · 대시보드 · 인터뷰 분석

Usage

<div class="option-cards">             <!-- 3열 기본 / .vertical = 1열 -->
  <div class="option-card selected">
    <div class="oc-title">프롬프트 설계</div>
    <div class="oc-desc">LLM 자동화</div>
  </div>
  <div class="option-card">...</div>
</div>

Rules

DO

인디케이터 항상 원형 (CLAUDE.md §1.6).

DON'T

indicator를 absolute+top:Npx로 띄우지 말 것 — 메트릭이 깨짐 (CLAUDE.md §2.14).