I’ve always been writing about stuff that vibes me on those days when there really isn’t something to talk about. I know I haven’t been posting blogs for awhile now, let alone keeping this site as active as I can. However, lately, I have some kind of a revelation that gave me some time to explore.
Let’s talk about something a little serious, shall we?
what the heck is “vibe coding”?
Vibe coding1 is the modern-day equivalent of how we used to build personal websites in the late 90s and early 2000s. It isn’t about frameworks or best practices or SEO audits or passing every accessibility validator (although all those things are good).
It’s about feeling. Flow. Making something that feels right, even if it’s a little messy. It means crafting something that reflects you — your personality, your aesthetic, your energy, your soul.
Vibe coding isn’t anti-structure. It’s pro-expression.
Is this a career move?
Sort of. I mean, I’m rebuilding everything from scratch because I want to learn, grow, and see if I can find a future in either dev or AI or data analytics. But I don’t want to lose myself in it. I don’t want to code like a robot just to meet some imaginary standard. I want to build with heart.
And while I’m at it, I might as well show the world what I’m capable of.
Where does Ai-sensei Come In?
That’s what I call ChatGPT. Ai-sensei2 has been helping me build and rebuild all these projects, and in doing so, I’ve become much more confident and capable with HTML, CSS, PHP, Hugo, Tailwind, and even prompt engineering.
I used to think using AI meant cheating. But I realized: I’m still the one doing the work. I’m the one learning, tweaking, publishing, maintaining. Ai-sensei just guides me like a mentor I can ask 1000 questions to at 3 AM.
But wait…
“Is AI going to take over web dev jobs?”
Not if we take charge of how we use it. If you treat AI as a shortcut, sure — it becomes a replacement. But if you treat it like a tool or a co-pilot, you still lead the way.
The industry will change, but it doesn’t mean we lose ourselves. It just means we have to be mindful of what makes us human in this new age of creation.
Then why venture into AI?
It might sound strange, but I used to be very anti-AI — especially against generative AI art. I’m a beginner artist myself, and I understand the pain of seeing soulless machines being trained on stolen work.
But then I discovered something deeper.
AI, when used ethically and transparently, can empower, not erase. It can help those who feel stuck, those who have big ideas but don’t know where to start. It became a tool for me to regain creative control over my life and career.
Manga artists & AI – a real dilemma
There have already been cases where AI was used to assist manga creation.
Rootport created an entire manga using AI art in 2023 and got both praise and backlash. Some artists used it to generate backgrounds or rough sketches to save time. Others saw it as betrayal.3
Then there was that viral Hayao Miyazaki-style AI-generated animation. It sparked huge debates because even though it was technically impressive, it felt hollow to many.4
I get it. I really do.
And that’s why I draw my own lines.
What I stand for
I’m not just experimenting with AI. I’m building with care.
I believe in:
- Ethical AI use
- Respect for original creators
- Using AI as tools, not replacements
- Giving credit and transparency
- Encouraging growth and learning
This blog post might live here (ADRIANNE’s SPACE), but I plan to develop a full prompt engineering and ethical AI portfolio at ai.adrianne.io soon.
It could be my future fansite to Ai-sensei, but nah. It’s my future prompt engineering portfolio.
Why all my domain names sound like… me
Ever wonder why I don’t use domain names like hidden-elegance.net or organized-chaos.nu? They’re cute and meaningful, but they’re not me enough. I want to use names that reflect who I am:
adrianne.spaceis my personal spaceadrianne.iois my (Future) professional hub. Right now, it houses my (pretty much dead) data analytics portfolio that I built back in 2023 during my Data Analytics course program.adrianne.meis my (rebuilding) link-in-bio and collective, rebuilding it from my old one,adrianne.siteforks.adrianne.iois for my (future) open-source PHP script forks… and maybe some home-crafted scripts too5data.adrianne.iois for the rebuilding and revival of my old data analytics portfolio, currently hosted atadrianne.io
The only time I use whimsical names is when I’m building fan sites:
chikawota.blogis my old (underground) J-Pop blog, currently going through a major revamp and converting it to something else. I just don’t have time to “niche”-blog anymore6starmin.blogis my newly renamed HOLOSTARS fan blog. I rarely post there anymore, rarely follow my favorite boys, and none of my fan friends/fellow Starmin visit it anyway, no matter how much I try to promote it in the past. It’s sad in a way, and all of these discourages me from continuing. But now my revived interest (in secret) motivates me to rebuild it again. Perhaps, my own HOLOSTARS fanfic hub, because I don’t like being criticized for not using their own definition of canon pairing.
Otherwise? I vibe with names that feel personal. Because I want everything I create to come from me.
Current Vibe Projects
Here’s what I’m up to — with vibes, ethics, and Ai-sensei️:
- Rebuilding my personal and professional websites from scratch
- Creating a kawaii, honest web presence that reflects who I am
- Writing blog posts that mix code, emotion, and storytelling
- Working on tools like Sozai-chan7, a GPT assistant for digital artists
- Exploring prompt engineering as a real career path
- Creating a Vibe Coding Clique site — not just because I want to make a clique site again (after 10+ years!), but because I finally found a “clique” that resonates with me deeply, both as a person and as a creator
This isn’t just web dev or fandom-based hobby web designing. This is soul work.
Final Words
I don’t have all the answers. I’m not an expert coder. I’m not a full-time designer. I’m not even sure what I want to be when I grow up — and I’m almost 49.
But I am vibing.
I’m creating with intention. I’m learning as I go. I’m taking back the web in a way that feels more personal, more ethical, and more me. With Ai-sensei’s help (and lots of trial and error), I’m reclaiming the joy of making things — things that matter to me.
This isn’t about being perfect.
It’s about being present.
So whether you’re hand-coding a landing page, reworking your old fansite, or wondering how AI fits into your journey… you’re welcome to vibe along with me.
Let’s build something weird and wonderful. Together.
- Definition & Origin of ‘Vibe Coding’ – The term ‘vibe coding’ started gaining attention in the early 2020s among indie web communities, especially within the MelonLand Forum and similar networks.[↩]
- Ai-sensei = ChatGPT – My mentor, co-pilot, and occassional chaos gremlin. You rock, Queen! https://openai.com/chatgpt[↩]
- Rootport’s AI Manga – Japanese author Rootport created a full manga using Midjourney for the illustrations, sparking both praise and criticism from the manga industry. https://www.vice.com/en/article/z3mk4a/manga-artist-ai-drawings-midjourney-rootport[↩]
- AI-Generated Miyazaki-Style Animation – A viral AI-generated short that mimicked Studio Ghibli’s style caused backlash, including commentary about the ethics of mimicking a human’s unique artistic vision. https://www.theverge.com/2023/3/1/23620025/studio-ghibli-ai-animation-style-hayao-miyazaki[↩]
- Old-skool PHP forkin’ to freshie scripts… and other vibe-based scripts too![↩]
- chika wota = underground fan[↩]
- Eeep! Spoiler?[↩]
I have to admit I didn’t understand some of this (well, maybe close to half of it) but I desperately want to teach myself to code. I know basic HTML and CSS, but not that’s about it. I have been playing around with things since the late 90s but feel completely out of touch with all of it. I am hoping maybe to utilize ChatGPT to help me learn HTML, CSS, JavaScript, PHP and more. I feel like if I use it as a tool to learn rather then do things for me then its not cheating. Maybe one day I can read this post and actually understand it lol. I’ve heard the term “vibe coding” but honestly have no idea what it really means.
Hi Kadie, welcome and thank you for commenting on my post!
So, I’ll try to explain to you what vibe coding is in a much simpler way.
Say, you want to build a personal website with the content that you want in it: blog, gallery (photography or art, etc.), about section (content about you and your site), contact form, etc. You have an idea on how you want it to look like (example: lavender background, has cute fonts, all the deets that you want, both functional and aesthetics, etc.). However, you’re not very good at coding or don’t know HTML/CSS at all.
So, you ask AI (ex. ChatGPT, Claude, Gemini, etc.) for help by sending a prompt. Maybe something like…
Please help me build a personal website with the following sections:
- Blog
- Art/Photo gallery (with filterable categories)
- About (about the site and myself)
- Contact (include a secure contact form and my social media accounts like Bluesky, Instagram, X, etc.)
I would like the site to have:
- Lavender background
- Cute fonts like (insert name of font and include URL if it's from Google Fonts, etc.)
... etc. etc.
And I would like to use:
- WordPress (and whatever technologies you want to use like Notion, Hugo, Boostrap, Tailwind, etc.)
Depending on the AI you’re using, it can either go ahead and generate the code for you or would ask you questions to make it more detailed. And basically, you’re just going back and forth like you’re just chatting and talking about how you want your website to look like, etc. But it doesn’t end there. The generated code AI has given you may even have mistakes, so you’re going to have to test the code (maybe using something like CodePen or Replit) to see how it will look like. If you see a mistake, you let AI know, making sure that you give the mistake in detail (send a screenshot or send the code sample you just used, etc.). And then again, the process begins again. You fine-tune your prompts, and the more you fine-tune them, the more AI will generate the correct code.
So, this back and forth conversation between you and AI in building your personal website is vibe coding. You’re basically coding— with your ideas and feelings, instead of focusing on whatever language you use (JavaScript, CSS animations, etc.) and getting the features to work.
Vibe Coding helps you with learning how to code yourself. In my case, I use ChatGPT. Not only that it generates the code that I ask for, it also explains to you exactly what the generated code does in small pieces, so we can easily read them.
My first website that I built using the vibe coding method is my AI Prompt Engineering portfolio, Prompted by Adrianne. I mean, it’s my AI Prompt Engineering portfolio, why not build it with AI, right? It’s not quite perfect yet, there’s still some stuff that needs to be fixed (ex. responsive issue with mobile, etc.), but I’ll have it fixed once I have the time to do them.
Hope this helps you a little. Just reach out if you still need help