이 문서에서는 팀 프로젝트에 맞는 협업 룰을 AI 프롬프트로 직접 만들어 본다. Notion 팀 DB와 Figma 디자인시스템을 소스로 연동해 카테고리를 확정하고, 실제 사건에서 룰을 뽑아 매핑표까지 완성하는 과정이다. 다 따라 하면 환경 카드 1장, 카테고리 번호표 1장, 세부 룰 1개, 산출물-룰 매핑표 1장이 남는다. 1 – 팀 환경 카드 만들기 룰은 팀마다 다르다. 쓰는 도구, … 더 읽기
1. “스킬”이 무엇인가 스킬은 AI에게 미리 넣어 두는 작업 설명서다. 마크다운 파일 한 장이며, “이 상황에서는 이런 순서로, 이런 규칙을 지키며 일해라”를 적어 둔 것이다. 여기서 반드시 구분해야 하는 개념이 둘 있다. 구분 정체 비유 MCP 도구 실제로 Figma 파일을 읽고 쓰는 연결 통로 (use_figma, get_design_context 등) 손과 눈 스킬 그 도구를 언제·어떤 순서로 쓸지 … 더 읽기
이 문서는 여러 명이 한 팀이 되어 참고 사이트(KB손해보험)를 다시 만들어 보는 실습의 디자인 시스템 등록 단계를 다룬다. Figma Design 파일 안 에이전트로 변수·스타일·컴포넌트·베리언트를 등록하되, 이름과 값을 Tailwind CSS v4의 테마 변수 체계에 1:1로 맞추는 것이 목표다. 여기 적힌 값은 2026년 7월 기준 Tailwind CSS v4.3 공식 문서의 기본 테마 변수 목록에서 뽑았다. 끝까지 따라 … 더 읽기
먼저 디자인부터 품질 확인까지 이어지는 흐름을 살펴보고, 이어서 Claude Code에 보낼 입력문을 순서대로 실행합니다. 마지막에는 같은 구축 과정을 파일별 설명과 검사 기준까지 포함해 자세히 확인합니다. 첫 번째 부분인 “Figma 디자인부터 QA까지, 하네스 한 바퀴 세팅”에서는 하네스의 전체 흐름과 최소 구축 절차를 확인합니다. 웹사이트 리디자인 팀프로젝트에서 Figma 시안을 코드로 옮길 때, AI 코딩 도구가 팀 규칙을 … 더 읽기
