01
Background
Why this exists
Naming tests are high-frequency, low-friction interactions with strong feedback loops. This demo validates the full experience before scaling content or models.
Naming / PlaygroundSelected
NameLab
Naming test and inspiration playground
A lightweight but complete naming-test demo with four modes, shareable links, downloadable result cards, and local history.
- Naming
- UX
- Share
- Generator
Open the product
Start with the live surface
Live preview
Some sites may block iframe embeds because of their security policy. If the frame stays blank, use the Open live link above.
Access
For this type of entry, the strongest content is the live product itself. The notes below are there to frame what matters, not to replace the real experience.
Project notes
What to know before opening the live product
02
Scenario
Use scenarios
- Personal naming inspiration and nickname/English-name generation.
- Couple-focused interaction flows designed for sharing.
- Growth-loop validation for input -> result -> share -> return.
03
Delivery
What I shipped
- Four modes with a unified and quickly switchable form.
- Result card with copyable text, link, and downloadable PNG.
- Local result history for revisit and comparison.
04
Design
Design decisions
- Deliver certainty through instant feedback and reversibility.
- A share-first architecture built on URL parameters.
- Result hierarchy stays readable on mobile.
05
Tech
Implementation
- Single-file static site on Vercel
- URLSearchParams for state sharing
- Canvas-based PNG export without a backend
Flow
The path from entry to completion
This version is best understood as a living product: entry points, feedback loops, and completion states matter as much as the surface design.
Input / Choose mode / Generate / Share
Open project: Prompt Hub 
Prompt Hub
A practical prompt library for individuals and indie builders, built around reusable templates that reduce trial-and-error cost.
Open project: MermaidFlow 
MermaidFlow
An online Mermaid editor with syntax highlighting, live preview, and export support for text-first diagram workflows.
Open project: CLI Command Reference 
CLI Command Reference
A searchable syntax reference for Gemini CLI, Claude Code, and shell interaction, built for fast filtering and one-click copying.