AI에서 사용하기
LafLabs Web Design을 AI 작업 환경에 연결할 때 쓸 공개 JSON, Markdown, token, Skill 리소스입니다.
직접 리소스
- AI context JSON
가이드, token, Skill을 한 번에 담은 AI용 JSON입니다.
https://www.laflabs.co/design/context.json- 가이드 Markdown
모든 제공자에서 읽을 수 있는 디자인 가이드입니다.
https://www.laflabs.co/design/guide.md- 버전별 token JSON
버전과 업데이트 날짜를 포함한 기계 판독용 token 문서입니다.
https://www.laflabs.co/design/tokens.json- Skill 시작 문서
점진적으로 읽을 수 있는 Skill의 시작 문서입니다.
https://www.laflabs.co/design/skill/SKILL.md- Skill 기초 원칙
브랜드, 컬러, 타이포그래피, 접근성의 기초 원칙입니다.
https://www.laflabs.co/design/skill/references/foundations.md- Skill 컴포넌트
지원하는 UI의 사용 기준과 접근성 정보입니다.
https://www.laflabs.co/design/skill/references/components.md- Skill 패턴
페이지 구성과 반응형 구조의 패턴입니다.
https://www.laflabs.co/design/skill/references/patterns.md- Skill token JSON
정확한 의미론적 값을 위한 Skill token 문서입니다.
https://www.laflabs.co/design/skill/references/tokens.json- Skill ZIP
설치할 수 있는 다섯 파일 Skill 아카이브입니다.
https://www.laflabs.co/design/skill.zip
Skill 설치
아래 명령을 복사해 로컬 Codex Skill 디렉터리에 설치합니다. 이 페이지는 명령을 실행하지 않습니다.
mkdir -p "$CODEX_HOME/skills"
curl -fsSL https://www.laflabs.co/design/skill.zip -o /tmp/laflabs-web-design.zip
unzip -q /tmp/laflabs-web-design.zip -d "$CODEX_HOME/skills"어떤 AI 도구에서든 사용하기
도구에 단일 context JSON을 제공하면 가이드, token, Skill과 참고 문서를 추가 요청 없이 읽을 수 있습니다.
LafLabs 공개 웹 작업을 시작하기 전에 https://www.laflabs.co/design/context.json을 불러와 기준으로 사용하세요. JSON 안의 guide, tokens, skill과 관련 references만 사용하고, 불러올 수 없다면 임의로 보완하지 말고 사용자에게 확인하세요. 제품 주장, 공식 에셋, 지원하지 않는 컴포넌트는 만들지 마세요.