DEV Community: Touhidul Islam Protik

AquaOS: An open-source mac inspired portfolio template

Touhidul Islam Protik — Thu, 29 Jan 2026 18:55:45 +0000

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

Bringing back the "Aqua" vibe

Remember the early 2000s? The era of glossy plastic, vibrant colors, and that iconic "Aqua" interface on Mac OS X Tiger? There was something magical about that design — it felt alive, tactile, and fun.

I've always missed that aesthetic in our world of flat, minimal design. So, I decided to see if I could bring it back for the modern web. The result is AquaOS, a portfolio template that turns your personal site into a nostalgic, interactive desktop.

🔗 See it live → | 📦 Fork on GitHub →

A "Built by AI" Experiment

Here's the most interesting part: this entire project was built using Google AI Studio and Claude Code.

I wanted to see if I could take a vision—a specific "vibe" from 2005—and use AI to bring it to life. I guided the design and the features, but the heavy lifting, the complex logic, and the code itself came from these incredible AI assistants.

It's Not Perfect (And that's the point)

I'll be the first to tell you: this isn't a pixel-perfect replica.

While it captures the soul of Mac OS X Tiger, it's not 100% entirely Mac-themed. Some parts are modern, some parts are experimental, and since it was built by AI, there are definitely some uniquely imperfect details.

There are plenty of "Mac clones" out there, but this was my personal attempt to see how far I could push AI-assisted design.

Two Worlds: Mac on Desktop, iPhone on Mobile

One of the coolest features isn't just the desktop view. When you open this on your phone, it doesn't just "shrink" the desktop. It completely transforms.

On Desktop: You get the full Mac experience with a dock, menu bar, and draggable windows.
On Mobile: It shifts into an iPhone-inspired interface.

It's designed to feel natural no matter what device you're holding.

Why Open Source?

I'm releasing AquaOS as an open-source project because I want to see what you can do with it.

The goal is to eventually make this the most realistic, nostalgic Mac experience possible on the web. It's a solid foundation, but it's ready for the community to:

Polish the "Aqua" glass effects
Add more realistic system sounds
Build new "apps" for the desktop
Fine-tune the window management

If you love skeuomorphic design as much as I do, I'd love for you to jump in and help improve it.

How to use it

If you want to use AquaOS for your own portfolio, it's simple:

Fork the repo: github.com/Protik49/aquaos-portfolio
Edit one file: Open portfolio.config.ts and update your name, bio, and projects
Deploy: Push to Netlify, Vercel, or any static host

That's it. No complex setup required.

Credits & Final Thoughts

This project is a testament to how far AI tools have come. A huge thank you to Google AI Studio and Claude for being my "pair programmers" on this journey.

It was a fun experiment to see if we could recreate a piece of tech history using the tech of the future. It's not perfect, but it's a start.

🌐 Live Demo: tiprotikaquaos.netlify.app

📦 GitHub: github.com/Protik49/aquaos-portfolio

Fork it, improve it, and let's make this the best nostalgic Mac experience on the web!

How One Blog Post Became a Thread, Newsletter, and LinkedIn Post with Runner H

Touhidul Islam Protik — Mon, 23 Jun 2025 22:10:47 +0000

This is a submission for the Runner H "AI Agent Prompting" Challenge

🤖 Meet Your AI Content Repurposing Assistant

📌 Turn any blog post or long-form idea into:

A well-structured, hook-driven Twitter thread
A compelling, well-formatted newsletter draft
A thoughtful, engaging LinkedIn post
(Bonus: 3 headline/title variations)

Demo

Browsing Session

🧑‍💻 Who This Is For

This prompt is perfect for:

🧵 Twitter-first thought leaders who also want newsletter growth
🧑‍🏫 Educators repurposing videos or lectures
👩‍💻 Indie hackers and solopreneurs growing in public
🧠 Bloggers who want to squeeze more value from every post
🎥 YouTubers and podcasters who need email content
💼 Professionals and creators building an audience on LinkedIn

Runner H is an autonomous agent that executes full tasks from a single prompt. It can:

Read, analyze, and restructure your writing
Understand audience-specific formats
Draft content in your voice
Create polished, platform-ready deliverables

And with the prompt I’m sharing here, it can do something incredibly powerful:

✅ The Results (Before vs. After)

Let’s say you wrote a blog post titled:

"How I Launched a Chrome Extension in 7 Days (and Got 500 Users)"

Before Runner H:

One-time blog post with ~200 views
Shared once on Twitter, buried in your timeline
No email content
No LinkedIn presence

After Runner H Prompt:

A 🔥 Twitter thread with 8 value-packed tweets
A 📬 newsletter draft with digestible, engaging structure
A 💼 polished, audience-aware LinkedIn post
✍️ 3 suggested titles for future sharing

Your work? Just one input. Everything else — done autonomously.

🧾 The Prompt (Copy & Paste Into Runner H)

I want you to take this original content and professionally repurpose it into high-quality content for Twitter (thread), LinkedIn, and my email newsletter.

Original Content:

(Insert blog post, video transcript, or URL here)

Your tasks:

Write a Twitter Thread (5+ Tweets)

At least 5–10 tweets with a scroll-stopping hook

Highlight the key takeaways or insights from the original content

Use clear, concise formatting and end with a CTA or question

Draft a LinkedIn Post

Professional, reflective, and human tone

Use short paragraphs, highlight personal insights or key lessons

End with a CTA or question to spark engagement

Write a Newsletter Draft

Hook intro, body summary of the main value, and soft CTA at the end

150–250 words, friendly tone, skimmable format

Suggest 2–3 engaging alternative titles/headlines for the same content

Deliver everything in a clean Google Doc with headers for each section

Ensure everything sounds natural, thoughtful, and platform-appropriate — avoid generic AI tones or meaningless buzzwords.

Social Love

Share it on X, LinkedIn, and HackerNews.

This AI Prompt Finds Your Team’s Matches and Plans the Whole Trip for You

Touhidul Islam Protik — Wed, 18 Jun 2025 21:20:16 +0000

This is a submission for the Runner H "AI Agent Prompting" Challenge

What I Built

I built an AI travel assistant with Runner H for sports fans that automatically collects all upcoming matches of their favorite soccer team happening within a chosen time window. It pulls in match info, travel estimates, hotel suggestions, and creates a Google Doc summary along with Google Calendar events and reminders. No spreadsheets involved — just clean, readable planning output and calendar alerts.

Demo

Run

How I Used Runner H

I used Runner H to automate a smart travel planning workflow for sports fans. Here’s how the process works:

Find matches – The agent finds all matches for {Favorite Team} scheduled within the next {Timeframe}.
Collect details – For each match, it gathers the date, opponent, stadium name, and location (city and country).
Estimate costs – It finds the average stadium ticket price, round-trip flight cost from {Your Location}, and one or two affordable, well-reviewed hotels nearby with their per-night rate (assuming a one-night stay).
Create Google Doc – All match and travel details are compiled into a Google Doc titled "{Favorite Team} – Upcoming Matches". Each match includes its own section with the collected details:
- Date
- Opponent
- Stadium & Location
- Ticket Price
- Flight Cost
- Hotel Name + Cost
- Total Estimated Cost
Generate Calendar Events – The workflow creates a Google Calendar event for each match titled "{Favorite Team} vs {Opponent}", scheduled on match date and time, with a 24-hour reminder. The Google Doc link is included in the description.

🔌 Before hitting Run, make sure you’ve connected Google Docs and Google Calendar via the 'Connections' tab.

The Prompt

Find all scheduled matches of {Favorite Team}, happening within next {Timeframe}. For each match, collect the date, opponent team, stadium name, and its location (city and country). Also, research the average stadium ticket price and round-trip flight cost from {Your Location} to the match location. In addition, find one or two affordable, well-reviewed hotels near the stadium and note the estimated per-night cost. Assume a one-night stay per match. Organize all this information in a Google Doc titled "{Favorite Team} – Upcoming Matches", with sections for each match containing: Date, Opponent, Stadium, Location, Ticket Price, Flight Cost, Hotel Name, Hotel Cost per Night, and Total Estimated Cost. Then, create a Google Calendar event for each match with the title “{Favorite Team} vs [{Opponent}]”, scheduled for the match’s date and time. Set a reminder 24 hours before each match.

Use Case & Impact

This workflow is perfect for dedicated soccer fans who want to follow their team on the road — or plan a once-in-a-lifetime sports trip. It saves hours of manual searching, reduces planning errors, and presents all the information in a clean, shareable format (Google Doc) with auto-synced calendar events. It’s also adaptable for concerts, esports tournaments, or conferences.

Social Love

Share it on X, LinkedIn, and HackerNews.