Image · Nano Banana 2.1
What everyone in Workshop.md will have built by 5 pm
What everyone in Workshop.md will have built by 5 pm, shown finished: a personal portfolio web app open on a laptop on a desk, with an off-white page, ink black type, a grid of project thumbnails and one electric blue accent, in the cover visual's look, no words but what's on its screen. Reference (Workshop.md): # Workshop - **Topic:** Building a web app with an AI coding agent (Claude Code), by describing what you want in plain words - **For:** 20 designers who have never coded, or only a little. Comfortable with design tools, new to the terminal - **By 5 pm:** Every designer will have built a small personal portfolio app that shows their own work, and shown it live to the room in a two-minute demo - **The project:** A personal portfolio app: a home page with a short intro, a grid of three to six of their own projects, a page for each project, and a contact link - **Concepts:** 1. Describing what you want clearly (prompts as design briefs). 2. Structure and content: pages, components and where your work lives. 3. Style: turning type, colour and spacing into a design system the agent follows. 4. Iterating and shipping: reviewing changes, fixing what's broken and putting it online - **Tools:** Claude Code in the terminal, a code editor (VS Code), Node.js, a free GitHub account and a free hosting account. A setup guide goes out a week before, with a reminder two days ahead - **Lightning demos:** 1. "Make it move": adding small animations and hover details, given by a guest front-end designer. 2. "When it breaks": reading an error and asking the agent to fix it, given by the lead facilitator - **Helpers:** 2 helpers for 20 people, plus the lead facilitator - **Look:** Warm paper and ink: off-white background, ink black type, one electric blue accent. Calm and crafted, with generous space and simple shapes
Meng To@shadownessguy0097- Model
- Nano Banana 2.1
- Made by
- Meng To
- Shared
- Likes
- 0
Use its prompt, turn it into a video or a 3D model, or find more like it in Fil. Fil is invite-only for now: without an invitation, Open in Fil shows the waitlist.
