#AI-driven frontend development
105 related articles
·3 min
Vibe Coding: Enterprise-Level Practices and a Skill Progression Guide for AI-Driven Frontend Development
A deep dive into Vibe Coding: how AI-led development workflows are reshaping frontend engineers' value. From interview hot topics to a three-tier competency model for the AI era.
Read more →
·2 min
AI-Driven Persistent RPG Engine: A Full-Stack Practice Guide with React + Supabase
Deep dive into an AI persistent RPG game engine built with React SPA and Supabase, exploring how LLMs combine with modern web stacks for cross-session memory, dynamic narrative, and game state management.
Read more →
·3 min
Building a Custom Switch Management Interface with Gemini: AI-Powered Network Operations in Practice
A Homelab user leveraged Gemini AI to build a custom web management interface for an HP switch via REST API, enabling port control, PoE management, and connection visualization.
Read more →
·2 min
A Beginner's Guide to Vibe Coding: Building Your Career Moat with AI Programming
A detailed guide to Vibe Coding with AI programming tools like Claude Code, Cursor, and Codex. Learn how to leverage AI-driven development to ship products independently and build lasting career value.
Read more →
·4 min
WebMCP in Practice: How MakeMyTrip Is Reshaping the Travel Booking Experience
India's largest OTA platform MakeMyTrip uses WebMCP to standardize AI Agent interactions with web apps, replacing fragile DOM scraping with natural language-driven test automation and simplified complex booking scenarios.
Read more →
·4 min
WebMCP in Practice: How MakeMyTrip Is Reshaping the Travel Booking Experience
India's largest OTA platform MakeMyTrip uses WebMCP to standardize AI Agent interaction with web apps, solving DOM scraping fragility, enabling natural language test automation, and simplifying complex international flight bookings.
Read more →
·2 min
Becoming a Computer Whiz: The Three-Stage Training Method from Beginner to Breakthrough
Why do some still feel lost after 4 years of coding? Break down the three-stage computer learning method: build fundamentals, pick a direction, learn by doing.
Read more →
Ego-lite: An Open-Source Browser Desig…
·3 min
Ego-lite: An Open-Source Browser Designed for Humans and AI Agents to Work in Parallel
ego-lite is an open-source AI-native browser by citrolabs that lets humans and AI Agents work in parallel in the same environment. Explore its design and value.
Read more →
·3 min
Claude Code Practical Guide: Environment Setup, Git Workflows, and Engineering in Production
A complete guide to Claude Code: environment setup, switching to domestic LLMs, CLI commands, Git workflows, MCP, Subagents, and enterprise project walkthroughs.
Read more →
·2 min
Vibe Coding in Practice: From Idea to Real Product — No Coding Required
Vibe Coding is an AI-driven development paradigm that requires no coding skills. Use natural language to guide AI through design, development, and testing. Learn the 4-step workflow using Gemini, Figma Make, and Claude Code.
Read more →
·4 min
Vibe Coding in Practice: Ship an App from Idea to Live in 5 Steps with AI Tools
Use Google Stitch, AI Studio, AntiGravity, GitHub, and Vercel to go from idea to live app in 5 steps. A complete Vibe Coding walkthrough — minimal cost, no deep coding required.
Read more →
AIRI: The Open-Source Self-Hosted AI C…
·2 min
AIRI: The Open-Source Self-Hosted AI Companion to Build Your Own Cyber Neuro-sama
AIRI (moeru-ai/airi) is an open-source, self-hosted AI companion with real-time voice chat, Minecraft/Factorio gameplay, and Web/macOS/Windows support. 42K+ GitHub stars.
Read more →
·3 min
Zero-Code Cinematic Websites: A Complete Guide Using GPT Image 2 + Claude Code
No coding needed: use GPT Image 2 for assets, Claude Code for development, and Vercel for free deployment to build a cinematic scroll-driven brand website.
Read more →
·2 min
Why System Architects Are Becoming the Most In-Demand Tech Talent in the AI Era
A veteran architect with 10+ years of experience reveals: in the AI coding era, the real scarcity isn't people who write code — it's people who design great systems.
Read more →
·3 min
Claude Code Enterprise Guide: Environment Setup, Git Workflows, and Switching to Chinese AI Models
Enterprise guide to Claude Code: CLI setup, switching to DeepSeek and other Chinese AI models, Git workflow automation, and bug fix loops to boost team productivity.
Read more →
·2 min
Vibe Coding: The Full-Stack AI Development Methodology for the Solo Founder Era
Vibe Coding is reshaping software development — use natural language to direct AI through code, design, testing, and marketing. A guide for solo founders and indie developers.
Read more →
·3 min
Getting Started with AI Agent Development: A Complete Learning Path to Building Intelligent Applications from Scratch
AI Agents are reshaping software development with 42.8% market CAGR. Learn the difference between Agents and traditional AI, plus a complete LangChain-based curriculum to launch your career in intelligent agent development.
Read more →
·4 min
Agent Draw: An AI Whiteboard That Draws While You Talk
Agent Draw is an AI whiteboard built on TLDraw that lets you speak or type to have an AI agent draw flowcharts and diagrams in real time. A deep dive into its tech, design, and use cases.
Read more →
·2 min
Dify Getting Started Guide: Build Enterprise-Grade AI Apps with Zero Code
Dify is a Chinese open-source AI app platform supporting chatbots, Agents, and workflows. This guide covers Dify 1.8.0 Docker deployment, enterprise use cases, and how to build your first AI app.
Read more →
·3 min
Building and Deploying a Personal Website from Scratch with Claude Code: A Complete Walkthrough
A step-by-step guide to building a personal brand website with Claude Code AI and deploying it on a ¥99 Alibaba Cloud server — covering Git, Nginx, and automation scripts.
Read more →