AI 요약관련 정보

• AI를 주니어 개발자처럼 대하며, 모호한 프롬프트 대신 세세한 지시와 개입으로 효율적인 디자인 작업을 이끌어야 합니다. 🧑‍💻
• 'AI 냄새' 없는 디자인을 위해 레퍼런스 수집, 테마 분석, 공통 컴포넌트 생성, 페이지 구현의 전통적인 4단계 디자인 프로세스를 AI 시대에도 동일하게 적용해야 합니다. 🎨
• Playwright 같은 MCP(Multi-Context Prompting) 도구를 활용하여 여러 웹사이트 페이지의 동적인 요소까지 크롤링하고, 미리 정의된 CSS 구조에 맞춰 테마를 분석하여 일관성 있는 디자인 바이브를 추출합니다. 🔍
• AI에게 프레임워크 선택 등 중요한 결정을 위임하지 말고, 직접 CLI로 프로젝트를 초기화한 후 project_structure.md 같은 메모리 파일로 프로젝트 구조와 목적을 상세히 설명하여 AI의 컨텍스트를 확보해야 합니다. 🚫
• 컴포넌트 생성 시에는 AI가 특정 MCP를 사용하도록 명시하고, 이모지 대신 실제 아이콘 라이브러리를 사용하도록 지시하며, 각 컴포넌트의 요소와 순서를 상상 이상으로 구체적으로 명시해야 고품질 결과를 얻을 수 있습니다. ✍️
• 생성된 공통 컴포넌트들을 별도 파일에 상세히 문서화하고, 루트 메모리 파일에 이 컴포넌트들을 활용하여 페이지를 구현하도록 하는 규칙을 추가하여 AI가 이를 인지하고 재사용하게 해야 합니다. 📚