Fable 5로 생성한 웹 UI 실험 189개 오픈소스 갤러리

claude-directory — 189 web UI experiments, all generated with Claude Fable 5

pulkitxm2026-06-10frontendClaude Code

pulkitxm이 운영하는 오픈소스 갤러리. 히어로 섹션·랜딩페이지·애니메이션·3D/게임·셰이더 등 8개 카테고리 189개 프로젝트를 React/TypeScript/Three.js/GSAP로 구현했고, 각 프로젝트가 사용 프롬프트(prompt.md)와 데모 영상(demo.mp4)을 개별 포함한다. README에 '전부 Fable 5로 생성(바이브 코딩)'이라 명시. 342 stars, 3,200+ 커밋으로 실제 운영 중.

프롬프트 미공개

원문에서 프롬프트 전문이 공개되지 않은 사례입니다. 사용 방식은 설명과 원문 링크를 참고하세요.

Sidi Bou Said — A Procedural 3D Walk Above the Gulf of Tunis 데모 포스터 이미지GitHub
frontendClaude Codeprompt

프롬프트 한 장으로 만든 튀니지 '시디 부 사이드' 3D 산책 씬

pulkitxm · 2026-06-16

# Sidi Bou Said — A Procedural 3D Walk Above the Gulf of Tunis
Amber Foundry — Warm-Intelligence Operations Landing Page 데모 포스터 이미지GitHub
frontendClaude Codeprompt

'네온 온 블랙의 정반대' — 반례로 톤을 지시한 랜딩페이지

pulkitxm · 2026-06-20

# AMBER FOUNDRY — WARM-INTELLIGENCE OPERATIONS LANDING PAGE
Aethera — Cinematic Hero Section with Looping Video Background 데모 포스터 이미지GitHub
frontendClaude Codeprompt

스펙 문서형 프롬프트로 만든 시네마틱 히어로 'Aethera'

pulkitxm · 2026-06-16

# Aethera — Cinematic Hero Section with Looping Video Background