xitij27/storyfolio

Your profile, made into a portfolio site that introduces you in 3D.
Storyfolio is a skill for AI coding agents. Give your agent a resume, a
LinkedIn export, GitHub links or project notes. It checks the facts with
you, then builds a one-page site told in one 3D world: a sheet of paper, a map
or a pop-up book. Each chapter is a picture of what it is about, and grows
out of the last as you scroll.
Watch a site ·
Browse the gallery ·
Get started · How it works ·
Read the skill
## How it works
The agent stops six times. At each stop you decide one thing; between stops
it works by itself.
| Stop | Your agent brings you | You decide |
| 1. Read | A fact sheet from your material, and questions only you can answer | Confirm the facts |
| 2. Concept | Your site, already running in one world, and why that world suits you | Accept it, or choose another world from the gallery |
| 3. Storyboard | The script of the whole page | Say yes, or ask for changes |
| 4. Look | The whole site in two or three looks, and the sheet's moves | Choose one |
| 5. Words | What opens on a click (each project, your CV) and three versions of the opening and closing words | Choose the wording |
| 6. Finish | The checked site, and what still needs your eyes | Your own review |
Nothing about you is invented. Every claim on the site, down to the small
ones a sentence makes on its way, is checked against the facts you
confirmed. The agent asks you only about facts, claims that could
embarrass you, what a visitor sees first, and anything that publishes,
costs money, or shows another person or an employer's work. It decides
the rest and writes each decision down, with how to change it.
If you ask only for a plan, the agent stops at the storyboard.
## Eight chapters, three worlds
The site introduces you in the same eight chapters, in order: hello, where
from, what I studied, where I've worked, what I'm good at, what I've made,
what others say, get in touch. A chapter with nothing to show is left out.
Everything on the scroll is brief, and more opens on a click.
The whole site is told in one of three worlds, the one that suits you:
| World | How it tells a chapter | How it moves to the next |
| Sheet | Your CV is one sheet of paper that bends into each picture: a leaflet of your skills, a wall of your projects, your contact page | It slides, folds or swings from one picture into the next; you pick the move |
| Map | Each chapter stands where it happened: a route through your places, a building for each job, as tall as your years there | The camera flies from place to place |
| Pop-up book | Each chapter is a spread: the words on the left, a scene standing up on the right | The page turns, folding one scene flat and raising the next |
Every picture and word comes from your own details. The
gallery shows each
world through all eight chapters with two made-up people, and every
chapter's picture in each world.
## Get started
You need an AI agent that can read the skill and write files in your
portfolio project. To build the site, it also needs Node.js 22.18 or later
and npm. A plan alone needs neither.
Clone the public repository with Git, or download it using GitHub's