Back to Feed
r/ClaudeCode
by JacobKHD
New
AI CLI Prefab - Creating a personal portfolio site using Claude Code that doesn't look like AI
1 points
0 comments
67% upvoted
View on Reddit
Content
Hey everyone, I wanted to share my project I made over the weekend.
Persona - [https://jacbk.github.io/persona/](https://jacbk.github.io/persona/)
It's what I would call an AI CLI Prefab: Why use something like Lovable when you can do this on your local machine for free within 5 minutes and host it on Github Pages?
1. All you do is clone it.
2. Run ./setup.sh (or ask claude code to)
3. Edit your config via a neat NextJS UI including uploading your resume if you wanted.
4. Your selected AI CLI will build out the portfolio that doesn't look like it was AI generated.
5. From there you can edit as you normally would, and then deploy via Github Pages or Vercel - AI supported using MCP.
One of my favorite features is the /setup page, which is an interactive way to provide the LLM with information about yourself as well as what sort of design you want, this is then packaged into a profile.yaml file which the LLM references during design of the site. Much easier (and more fun) than giving the LLM a wall of text for your design.
https://preview.redd.it/8nub03tg2obg1.png?width=3004&format=png&auto=webp&s=e293896338567b7bd89f6d6fc8d02095df198920
The result is some pretty fantastic looking portfolios, that are completely based on your style, see this for example - [https://jacbk.github.io/persona/creative-example/](https://jacbk.github.io/persona/creative-example/) but you can do more professional ones as well, all decided by the config page in setup.
https://preview.redd.it/wvnbex1m1obg1.png?width=3006&format=png&auto=webp&s=147cdcef7f529e5edc60027186172bb0a4638b10
Here is a direct link to the repo, would love feedback + a star if you found it interesting. I bet if you cloned it you could spin up a portfolio and have it deployed in 5 minutes.
[https://github.com/JacbK/persona](https://github.com/JacbK/persona)
\---- Details ----
For a lot of users that get into using AI CLI's, I think there are two bottlenecks: initial setup, and making it not look like the model's default training data.
We get around this using two things, a [setup.sh](http://setup.sh) script which sets everything up, prompts the user for various important things, and then directs them in the correct direction. This is especially useful for dependencies, setup for specific CLI's as this project is CLI agnostic, etc.
As for not looking like the model's default training data, it required some very specific skill setup. Claude Code does a great job of looking for and ingesting skills at the correct times (something which Gemini CLI does not do currently), which was very important in this project. If not given skills, models like Opus will default to Anthropic colors for example, or specific fonts commonly, which often gives away that the site was generated using AI. To combat this, we have specific colors and fonts skills that the AI references to build out these UI's.
Other skills in this project include deploy, content, seo, and more, which all support the idea of a prefab portfolio builder. These are all orchestrated by a main persona skill, which is either referenced by [CLAUDE.md](http://CLAUDE.md), [GEMINI.md](http://GEMINI.md), cursorrules, etc and guides the whole process alongside the initial setup script.
Other than project setup, I mainly compared Opus 4.5 to Gemini 3 Pro. I found that Opus created great UI's and never messed up the creation of the site + CC is amazing at understanding skills which is a huge plus. On the other hand, Gemini 3 Pro did make better/more interesting UI's, but Gemini CLI is not quite there yet.
Thanks for reading! Would love feedback or ideas on how to improve the project. :)
Comments
No comments fetched yet
Comments are fetched when you run cortex fetch with comment fetching enabled