🚀 About the Project: Single Prompt Portfolio
🎯 Inspiration
As a lead at my startup, I’m responsible for hiring technical talent, and one thing that constantly stands out is how outdated the application process still is.
Most candidates send PDF resumes that:
- Need to be downloaded
- Take up storage
- Aren’t visually appealing
- Feel cold and uninteractive
- And often, just don’t leave a lasting impression
In contrast, an online portfolio solves all of this, it's accessible, dynamic, and tells a much more complete story about the person.
But while website builders are easier than ever, most people still don’t build portfolios, either because it’s too technical, too time-consuming, costly to get it made, or they don’t know where to begin.
Single Prompt Portfolio solves this.
It’s a tool where users fill one simple form with their bio, skills, and project details, and instantly get a high-context prompt designed for Bolt.New that generates a complete, personalized portfolio site.
🛠️ How We Built It
- We designed a clean, React-based form UI that gathers key user data, name, title, short bio, project descriptions, skills, social links, and design preferences.
- We wrote a prompt-generation engine that converts structured data into a natural language prompt optimized for Bolt.New.
- We focused heavily on prompt structure and sentence flow to ensure that the AI consistently produced high-quality, visually appealing results.
- Every field in the form has fallback handling and smart defaults, so users can skip optional parts without breaking the experience.
🧱 Challenges We Ran Into
- Prompt volatility: We discovered that small changes in phrasing could completely alter the Bolt.New output. We had to rigorously test and refine sentence structures to get stable, quality results.
- User input variability: Users often entered inconsistent or minimal data (e.g., short bios, missing links). We built intelligent formatting and validation rules to improve prompt quality without increasing form friction.
- Balancing simplicity vs. expressiveness: Too few fields = bland output. Too many = user overwhelm. Finding the sweet spot was one of the hardest design decisions.
🏆 Accomplishments That We're Proud Of
- Built a fully working MVP that generates high-quality, personalized prompts from a form, all within 5 hours of hackathon time.
- Made portfolio creation truly accessible to non-technical users with no coding or design experience.
- Crafted a prompt system that consistently yields great results with Bolt.New, thanks to prompt engineering, iteration, and UX thinking.
📚 What We Learned
- Prompt design is UX: Creating prompts that AI understands well is like designing good user flows, it's iterative, contextual, and incredibly impactful.
- Simplicity wins: Users don’t want complex editors or customization options. They want clarity, confidence, and instant output.
- People love storytelling: Adding fields like "role in project" or "what inspired this work" resulted in richer prompts and better websites.
🔮 What’s Next for Single Prompt Portfolio
- Add support for users to upload or select sample screenshots of portfolio designs they like. We'll analyze the visual style and use it as inspiration to redraft the prompt, making the final Bolt.New output match their preferred aesthetic.
- Build a prompt-to-site pipeline using the Bolt.New API (if public) to directly deploy the generated site without needing to copy-paste.
- Allow users to save and edit previous forms to continuously improve or iterate their portfolio over time.
- Launch it as a free tool for job seekers, students, and freelancers, because great portfolios should be easy for everyone.
Thanks to Bolt.New for making generative web design a reality, we just made it one prompt closer!
Built With
- bolt
- react
Log in or sign up for Devpost to join the conversation.