The real success in developing Astro websites with AI is a properly prepared Figma design.

If the designer has put in the effort and managed to create a tokenized system, site assembly will be a breeze, and I can focus on animations and interactions without wasting time on layout assembly and bug fixes.

However, if you turn off auto-layout at the design stage and decide that the default is good enough, development will take hours, and AI won't help.

I only use the first option.

Cool

Hi everyone, I’m showing GiveAFck365, a tiny daily ritual for giving a damn. In a world where it feels like no one gives a f*ck anymore, I wanted something simple and human; just one intentional act of care per day. So I created this little app for the Config Makeathon. GiveAF*ck365 gives you 365 f*cks at the start of the year, one for each day. You can drag a token from the Unsent jar into the Given jar as a personal acknowledgment, or send one to someone else as a small digital care token. No streak pressure. No gamification guilt. Just a quiet, physical-feeling daily ritual. The entire experience lives inside two glass jars on screen. Tokens pile up with satisfying physics, and when you send one, you choose from seven different types of care (Tough Love, Pure Care, Gratitude Bomb, and more). Each send returns a small random impact message that makes the interaction feel surprisingly meaningful. I built this as my first public project for the Config Makeathon, mostly because I wanted to stop watching everyone else's incredible projects and finally ship something myself. What it does 🧠 Two-jar drag-and-drop system with spring physics and satisfying landing bounce 🎯 7 unique care token types with custom names and descriptions 🔥 Gentle streak tracking + weekly counts focused on awareness, not pressure 💬 Random impact messages after every send "This one hit different." 🎉 Confetti bursts and interaction feedback when a token lands 📜 History drawer with token thumbnails, token types, and CSV export 💾 Automatic local saving via localStorage How I Built It The entire app - from blank canvas to working React prototype - was created and iterated entirely inside Figma Make, with zero context switching. Figma Make generated the complete React + TypeScript scaffold, component structure, and Tailwind-based design system. Using MCP tools and aesthetic-stance skills, I defined the visual language: a dark charcoal interface accented with warm orange highlights. Every iteration happened directly inside Make: - Fixed Radix forwardRef issues - Replaced random token positioning with a deterministic seeded system (eliminating visual jitter) - Redesigned the send experience into a visual 7-token selection grid - Added streak tracking and weekly insights - Implemented spring bounce physics on the Given jar - Added confetti interactions and motion polish - Unified history and token data structures for maintainability - Claude served as an AI pair programmer throughout the process, helping with debugging, feature implementation, and iteration directly inside the canvas. - The jar illustrations and token assets were sourced from Figma, and the entire workflow - design, code, debugging, and refinement - remained in a single environment from start to finish. What It Could Grow Into This foundation maps surprisingly well to an on-chain experience. Each daily token could become a unique ERC-1155 NFT (or similar on a better fit chain), with only 365 minted per year. Instead of simply sending a digital gesture, users could send actual care tokens directly to friends' wallets. The app already includes a stubbed "Connect Wallet" flow, making that evolution feel like a natural next step rather than a complete rebuild. Longer term, active participants who consistently give could receive airdrops of a playful GiveAF*ck meme token, unlock limited-edition token variants, or earn rare legendary "f*cks" tied to community milestones. What excites me most is the possibility of creating something unusual in web3: a product built around generosity rather than speculation. A wholesome social ritual that sits somewhere between meme culture, habit-building, and meaningful human connection. I'm genuinely open to collaborating with builders, designers, and web3 developers who would like to help turn this into a real on-chain experience. If this little ritual resonates with you or if you have your own version of wanting to give a fuck more intentionally I’d love to hear about it in the comments. Huge thanks to everyone sharing their work during Config Makeathon. Seeing your projects inspired me to stop overthinking and finally ship something. Links Live Prototype: https://giveafck365.figma.site Video Walkthrough: https://www.loom.com/share/99cdc09f767940f1b5eb48dc4080391f Figma Community File: https://www.figma.com/community/file/1649359320060581320/give-a-f-ck-365

The two-jar mechanic is doing something most habit apps miss entirely. Drag to give, not drag to log, that shift in framing makes it feel much more like a gesture than a task. Congrats on shipping your first public project.