Hands-On Tutorial: Build a Website Fast
Using Hanzi Master as the example, follow the practical path from an idea to a web prototype, data, and deployment.
Read articleIdeas · Practice · Exploration
BlogOpen a series.
See where ideas lead.
Explore each topic as a collection. Pick a folder and start with the title that interests you.
Scroll over a card to browse · Select a title to read Swipe sideways on mobile
Vibe Coding for Beginners
From an idea to a website, one step at a time.
① Getting to Know Google AI Studio
Get to know Google AI Studio, clarify your website requirements, and prepare your first round of development instructions.
Read article② Calling the Shots: One Conversation, and AI Draws Up Your Entire Website
Using requirement clarification, page generation and screenshot feedback to produce the first prototype of Hanzi Master.
Read article③ 5 Sentences That Turn a Passable Web Page into a Beautiful One
Using concrete feedback to adjust a web page's style and interactions, gradually polishing the first version to completion.
Read article④ One Sentence to Connect Your Web Page to a Lightweight Database
Preparing Hanzi learning data, connecting it to the card interface, and refining the layout and carousel step by step.
Read article⑤ Adapting Your Website to Mobile Screens
Inspect the mobile layout in your browser, then refine the small-screen experience with clear instructions.
Read article⑥ AI Studio Pitfall Guide: The Two-Step Method for Precisely Controlling AI
Lock the scope of changes first, then confirm the plan before execution, to cut rework in AI-assisted development.
Read article⑦ Deploying Your Website Online: From Local to Live in 3 Minutes
A record of deploying a local website online with GitHub and EdgeOne Pages.
Read articleView all titles in this series 8 articles
- Hands-On Tutorial: Build a Website Fast
- ① Getting to Know Google AI Studio
- ② Calling the Shots: One Conversation, and AI Draws Up Your Entire Website
- ③ 5 Sentences That Turn a Passable Web Page into a Beautiful One
- ④ One Sentence to Connect Your Web Page to a Lightweight Database
- ⑤ Adapting Your Website to Mobile Screens
- ⑥ AI Studio Pitfall Guide: The Two-Step Method for Precisely Controlling AI
- ⑦ Deploying Your Website Online: From Local to Live in 3 Minutes
AI Multimodal Workshop
Explore the principles behind images, video, and sound.
Concepts and Trends: The First Building Block of Multimodal Generation
Taking image generation as the entry point, understand how diffusion models and multimodal AI systems work.
Read articleThe Complete 2026 Guide to AI Generation Tools: How to Choose Between Image, Video, and Music
Drawing on material from June 2026, this guide lays out how to choose between image, video, and music generation tools.
Read articleIs AI Image Generation a Gacha Draw? Moving from Luck to Reliable Results
With structured prompts, quality evaluation (Eval), and targeted repairs, turn AI image-and-text generation from a game of chance into an iterable workflow.
Read articleSix Video Generation Models Compared: One Prompt Set, How Different Are the Results?
We ran six video generation models on the same set of prompts and recorded how they performed, and how differently, across four scenarios.
Read articleView all titles in this series 4 articles
- Concepts and Trends: The First Building Block of Multimodal Generation
- The Complete 2026 Guide to AI Generation Tools: How to Choose Between Image, Video, and Music
- Is AI Image Generation a Gacha Draw? Moving from Luck to Reliable Results
- Six Video Generation Models Compared: One Prompt Set, How Different Are the Results?
My AI Partner
Think with AI and give ideas room to grow.
AI Is No Longer Just a Q&A Machine: Now It Is My “Thinking Partner”
Don't rush to get answers: let AI help you find your flaws, simulate important conversations, and become a thinking partner for your daily work.
Read articleCatching an Idea Is Harder Than Coming Up With One
Comparing web chats, AI notes and agents, and exploring how to catch a fleeting idea and carry it further.
Read articleView all titles in this series 2 articles
Standalone article
A different perspective beyond the series.
The Tower of Babel of Our Time
Engineering and the humanities set side by side: AI self-improvement, human judgement, and the purpose of technology governance.