Fable이 '원샷'으로 뭘 할 수 있는지 궁금해서 20분 만에 만들어본 결과물; 초기 생성에 40% 정도 사용함
Wanted to see what Fable could one shot, and this is what it created for me in about 20 mins; used about 40% in the initial creation
핵심 요약
Claude의 Fable 기능을 활용해 20분 만에 브라우저 기반 샘플러 및 그루브박스 'SG-16 SIGNAL'을 개발함.
- SG-16 SIGNAL — 브라우저 기반의 하드웨어 스타일 샘플러 및 그루브박스임
- 핵심 기능 — 16패드 샘플러, 스텝 시퀀서, 아날로그 스타일 믹서 및 효과 랙 포함
- 기술 스택 — HTML, CSS, JavaScript 및 Web Audio API를 사용하여 클라이언트 사이드에서 구동됨
- 워크플로우 — 샘플 로딩, 비트 시퀀싱, 파형 편집 및 JSON 세션 내보내기 지원
이건 그냥 개인적인 용도로 만든 거야. 바이브 코딩하다가 머리 좀 식힐 겸 스트레스 풀려고 만든 거지. 예전부터 혼자 구상하던 아이디어였는데, 악기나 DAW를 좀 다뤄본 경험이 있어서 Opus한테 내 요구사항을 싹 다 담은 프롬프트를 전략적으로 짜달라고 부탁했어. Fable 사용량(프로 계정이라 5시간 단위로 초기화됨)도 고려해달라고 했지. 만약 한 번에 끝내기 힘들면 세이브 스테이트를 만들고, 세션 요약이랑 파일 경로 북마크, 에러 로그까지 뽑아서 Obsidian에 저장하는 터미널 명령어를 만들어달라고 했거든. 그래야 프로젝트가 안 끝나도 Claude가 나중에 읽고 딱 하던 지점부터 다시 시작할 수 있으니까. 아이디어가 너무 마음에 들어서 신나게 만들다가 웨이브 스플라이서랑 믹싱 콘솔 기능을 깜빡했는데, 그거 추가하느라 사용량 40%를 더 썼네. 마지막 20%는 Fable이랑 Claude가 진짜 미친 결과물을 뽑아준 거에 감탄하면서 다 썼다.
SG-16 SIGNAL — 상세 기능 분석
개요
SG-16 SIGNAL은 클래식 SP-1200과 TR-808의 감성을 웹으로 옮겨온 브라우저 기반 하드웨어 스타일 샘플러 겸 그루브박스야. 플러그인이나 서버 의존성, 구독료 같은 거 없이 순수 HTML/CSS/JavaScript와 Web Audio API로만 돌아가. 샘플 불러오고, 비트 찍고, 사운드 깎고, 믹싱하고, 세션 내보내기까지 다 가능함.
핵심 기능
1. 16패드 샘플러 및 전체 파형 편집기
- 클래식 MPC/Maschine 패드에서 영감을 받은 4×4 그리드 레이아웃
- 드래그 앤 드롭 방식의 샘플 로드 또는 DAW에서 뽑은 파일 바로 업로드
- 파형 편집기 기능:
- Visual start/end trim markers (drag to adjust)
- Transient detection (auto-find drum hits)
- Manual slice placement (tap/click to mark slice points)
- Auto-chop (quick grid division: 2, 4, 8, 16 slices)
- Slices-to-pads workflow (convert slices into individual playable pads)
- 줌/스크롤 지원하는 실시간 파형 캔버스
- 각 패드별 설정: 이름, 피치 오프셋, 샘플 시작/끝 지점, 빈티지 필터 모드, 초크(choke) 동작
