(가제) 마고의 조각들
세계가 기억을 잃을 때마다, 그녀는 블록 하나를 더 쌓는다. 창조와 상실 사이에 놓인 아홉 개의 돌에 관한 이야기.
이야기를 쓰고, 인터페이스를 짓는다.
소설가 Gene이 운영하는 1인 창작 스튜디오. 소설 IP · 바이브코딩 · 실험적 UI — 한 페이지에서 만나는 세 개의 블록.
About.
Mago Block은 이야기와 인터페이스 사이의 경계를 없애려는 시도다. 나는 소설을 쓰고, 그 세계관을 실제로 만질 수 있는 UI로 옮긴다.
전략가의 시선(INTJ)과 실행자의 추진력(ENTJ) 사이를 오가며, 긴 호흡의 서사와 하루 안에 제품이 되는 바이브코딩을 동시에 다룬다. 이 사이트는 그 두 축이 어떻게 한 스튜디오에서 나란히 살아남는지를 보여주는 첫 번째 전시장이다.
Novels.
집필 중이거나 세계관이 정리된 IP. 판권 · 콜라보 문의는 Contact.
(가제) 코드가 꿈꾸는 저녁
모든 UI가 살아있는 도시. 버튼이 말을 걸고, 커서가 연인을 따라간다. 바이브코더 소녀가 죽은 인터페이스를 되살리려 한다.
여기에 다음 작품.
이 카드는 템플릿입니다. index.html 의 .novels-grid 안에 복제해
제목 · 로그라인 · 태그만 바꾸면 바로 노출됩니다.
Text Lab.
아래 텍스트를 자유롭게 수정해 보세요.
fire · smoke · metal · wind ·
water · ice · lightning · ember
같은 단어(그리고 한국어 불 · 연기 · 금속 · 바람 · 물 · 얼음 · 번개)에
자동으로 이펙트가 붙습니다.
editor.input
render.preview
0 effects
Works.
바이브코딩으로 지은 인터페이스 · 데모 · 작은 도구들.
LIVE · 01
Shader OS Wallpapers
이 사이트 히어로의 다섯 장. 순수 WebGL 프래그먼트 셰이더로 작성했고, 마우스 좌표 · 클릭 충격 · 시간 · 해상도 네 개의 유니폼만 사용한다. 프레임워크도 엔진도 쓰지 않았다.
- WebGL 1
- GLSL
- No deps
LIVE · 02
Semantic Text FX
위 Text Lab. 입력 문자열을 토큰화해 의미 있는 단어(불/바람/금속 등)에 CSS 애니메이션 + 입자 스팬을 합성한다. 사용자 입력은 절대 HTML로 평가되지 않는다.
- DOM
- CSS anim
- XSS-safe
DRAFT
다음 프로젝트 슬롯
새 포트폴리오는 .works-grid 에 <article class="work"> 블록을
복제해 제목 · 설명 · 스택만 바꾸면 됩니다.
- TBD
Contact.
IP 판권 · 바이브코딩 협업 · 인터뷰 · 기타 문의는 메일로 주세요.
로그인 · 폼 · 댓글은 의도적으로 두지 않았습니다.