pulkitxm/claude-directory

해결하는 문제

Claude(특히 Fable 5)를 사용하여 생성된 고해상도 웹 UI 실험 및 프론트엔드 컴포넌트의 큐레이션된 오픈소스 갤러리를 제공합니다. 이는 AI가 현대 웹 인터페이스, 애니메이션, 3D 장면에서 무엇을 구축할 수 있는지 확인할 수 있는 개발자와 디자이너를 위한 참고 자료입니다.

작동 방식

리포지토리는 자체 포함형 프로젝트 폴더의 모음이 포함되어 있습니다. 각 프로젝트에는 생성된 코드(React, TypeScript, Vite, Tailwind CSS, Three.js, GSAP 등의 스택 사용)와 해당 프로젝트를 생성하기 위해 사용된 특정 프롬프트(prompt.md)가 포함되어 있습니다. 이를 통해 사용자는 컴포넌트를 복사/붙여넣기하거나 특정 시각적 결과를 얻기 위해 사용된 프롬프팅 기술을 연구할 수 있습니다.

대상 사용자

• AI로 생성된 UI 영감이나 복사 가능한 템플릿을 찾는 프론트엔드 개발자.
• LLM을 사용해 복잡한 웹 디자인과 레이아웃을 프롬프팅하는 방법에 관심 있는 프롬프트 엔지니어.
• Claude의 "바이브 코딩"과 빠른 프로토타이핑 능력을 탐구하는 AI 애호가.

주요 특징

• 다양한 카테고리: 헤로 섹션, 랜딩 페이지, GLSL 쉐이더, 디자인 시스템, 3D/WebGL 장면, 애니메이션 포함.
• 프롬프트 투명성: 모든 프로젝트는 원본 프롬프트를 함께 제공하여 생성 과정을 재현 가능하게 합니다.
• 현대적인 기술 스택: Framer Motion, Three.js, Tailwind CSS와 같은 업계 표준 도구를 사용합니다.
• 라이브 디렉터리: 호스팅된 갤러리를 통해 코드에 들어가기 전에 시각적으로 실험을 탐색할 수 있습니다.