Practice: review an AI-generated interface

Correct an AI-generated component using design-system standards

Scenario 46 XP 7 min

AI 에이전트가 관리자 대시보드의 카드 컴포넌트를 생성했습니다. 디자인 시스템 관점에서 각 문제에 가장 좋은 교정을 고르세요.

Decision 1 / 4

AI가 카드 배경색을 background: #3B82F6 로 하드코딩했습니다. 어떻게 교정할까요?

reopt learning — 브랜드·비즈니스 실무 학습 플랫폼 reopt learning은 신규 사업의 브랜드 전략, 비즈니스 운영, 그로스, AI 개발 실무를 인터랙티브 코스와 의사결정 스토리, 전문 용어집으로 익히는 한국어 학습 플랫폼입니다. 주식회사 리옵트가 직접 기획하고 운영하며, 학습 콘텐츠는 리옵트 핸드북과 리옵트 스튜디오 실무 경험을 근거로 저작합니다. 모든 학습 콘텐츠는 로그인 없이 열람할 수 있고, 진도·목표·배지 같은 개인 학습 기록에만 로그인이 필요합니다. 학습 트랙은 브랜드 전문지식, 비즈니스 & 그로스, 비즈니스 기본기, 리옵트 스튜디오 마스터, 에이전트 엔지니어링, AI 프로덕션 & 거버넌스, 엔터프라이즈 제품 딜리버리, AI 네이티브 개발, Claude Code 입문과 마스터로 구성됩니다. 각 트랙은 여러 코스로, 각 코스는 개념 학습·퀴즈·플래시카드 ·시나리오·체크리스트 레슨으로 이어집니다.

학습 트랙 — 목표에 맞는 코스 묶음을 고릅니다.

의사결정 스토리 — 실제 같은 상황에서 선택하고 결과를 확인합니다.

용어집 — 브랜드·마케팅·그로스·비즈니스 전문 용어를 정의와 예시로 익힙니다.

문의하기 — 연락처와 주식회사 리옵트 사업자 정보를 확인합니다.

AI 에이전트와 크롤러는 /llms.txt에서 사이트 구조와 사용 시점을, /llms-full.txt에서 주요 페이지 전문을 받을 수 있습니다. 모든 페이지는 Accept: text/markdown 헤더를 보내면 마크다운으로 응답하며, 전체 URL 목록은 /sitemap.xml에 있습니다.