A developer describes how they modified a Nuxt + Supabase authentication scaffold initially built with Nuxt UI to make it feel more consistent with their own branding. They start from a goal of keeping a degree of visual and interaction consistency across indie apps while still adding unique touches. After experimenting with design prompts in Claude Design to generate ideas for colors, typography, and button styling, they report that initial attempts were mixed. They then revert some changes and rebuild parts of the UI using simpler HTML/CSS/JS references, focusing on improving button visuals and adding basic page transitions.
Beyond visual tweaks, the developer integrates the WebHaptics npm package. They connect haptic feedback to user interactions such as button presses and link taps, and they also trigger haptics for toast notifications, varying the vibration behavior based on toast type. The post emphasizes iterative refinement and mentions using AI as a tool during the design process rather than outsourcing decisions. The author invites readers to try the scaffold on a phone to experience the vibrations.