WICKEDTeamWicked Design System / 컴포넌트
AI 표시·설명
AI가 생성·추천한 내용의 출처와 한계 설명을 위한 컴포넌트.
적용 범위: TeamWicked 자체 브랜드·웹사이트. 호스팅 제품의 외형은 포함하지 않습니다. 공통 동작 규칙을 재사용하며, 다른 체계의 사례는 비교 근거일 뿐 스타일 상속이 아닙니다.
TeamWicked 웹사이트 토큰으로 구성한 동작 예제예시 데이터 · API 미연결
목적과 사용
AI가 생성·추천한 내용의 출처와 한계 설명에 사용합니다. 일반 자동화·장식·브랜드 강조에 AI 표시를 사용하지 않습니다.
구성과 변형
AI 표시, 영향 범위, 설명 접근점, 검토/거절. 변형의 외형은 각 제품의 기존 토큰을 사용합니다. Carbon의 크기·색·모서리·아이콘을 가져오지 않습니다.
동작 규칙
- AI-01 MUST: 어느 내용이 AI 생성인지 범위를 밝힙니다.
- AI-02 MUST: 설명에는 사용한 정보·한계·사용자가 검토할 부분을 포함합니다.
- AI-03 MUST: AI 제안과 실제 실행·저장·적용 완료를 구분합니다.
- AI-04 MUST: 비용·삭제·서버 변경은 사용자 승인과 기존 권한 검사를 유지합니다.
콘텐츠 예시
좋음: ‘AI 제안 · 아직 적용되지 않음’ / 피함: AI 답변을 검증된 운영 사실로 표시.
우리 구현과 연결
TeamWicked 자체 웹사이트의 토큰과 CTA를 사용합니다. vPanel·Pterodactyl·Store의 구현은 WickedHost 체계에 속하며 이 체계의 컴포넌트를 정의하지 않습니다. 실행 예제의 원본 경로는 구현 코드 탭을 확인하세요.
상태와 검증
생성 중단·실패·근거 없음·수정됨·승인 거절·접근성 설명을 확인합니다.
일반·hover·focus·실행 중·실패·성공·disabled·read-only 중 해당하는 상태를 기록합니다. 해당하지 않는 상태를 임의로 만들지 말고 이유를 남깁니다. 검증 체크리스트에 증거를 연결합니다.