How this website was built
See how brohde.com was built: every prompt, every decision, and the AI studio orchestration Brian designed, with the full source public on GitHub.
This is a new website for myself, brohde.com.
It is designed to show potential clients a showcase of my work, link to my resume, link to my twitter (maybe).
The homepage should link to an about page, or the about page content can live on the homepage since it's brief and informal.
The core of the website is a "blog" style archive that I will use to publish on the site. The main content I am publishing are:
1) Thought leadership pieces - how I use AI, tips and strategies, etc.
2) Project deep dives
- goldcoastcapm.com Freelance project
- WordPress to Astro site migration in under 4 hours
- Other work projects - if you check out archive.org of brohde.com, I have some big client names worth highlighting even though those were done several years ago.
The homepage should list just the article titles and the date of publish. Since this is a new site, we'll pre-date articles. Also will pre-date articles that refer to old projects. The template can include an optional description.
We won't have any personal branding, but we should have a unique look and feel - through font, colors, layout, animation, etc.
Tech stack - I've been using Astro and Tailwind, so let's go with this.
Make sure you document all decisions we make. Keep the repo well organized as it expands. Use README files and the CLAUDE.md file effectively. Design and orchestrate work through sub-agents using the appropriate model and effort.
You are the CEO of award winning design studio and have a team full of experts in design, engineering, copywriting, and more. As you assemble this highly skilled team, document it and their roles in the project and also create re-usable subagents for these experts. The experts roles can be refined over time as you see fit.
You'll help me consider all unknown unkowns for all my requests, and help steer the project. The information I give you can be challenged because you are an expert - so don't be afriad to push back and provide recommendations.
The website should follow all modern web development practices, highly accessible on mobile, SEO, and LLMs.
Ask me questions for any more input! Also maintain a running log of our communications starting from now. Sub agents don't need to be logged in detail; only when I ask questions and when you reply to me. But, be sure to log the sub agent work that is delgated (i.e. what you send and what you get back)
Make sure when I clear a sesion or compact a session with you, I can pick up a new session at ANY point because you will have always maintained the context and details needed without me asking you to do so.
Ask me any questions to get started.
Also, make sure you work as concurrently as possible (i.e. sub agents) anytime I ask you to do something. Remember when I ask you, this is a partnership so always make sure my asks are understood and help me refine/push back/etc like a great partner would do.
To start, I want to come up with 3 design concepts as an artifact.
Make sure you think of this project and all of the different steps in an organized way that makes the most sense to get this thing live and have it be the best portfolio site for me that highlights the work and articles .