Understand this story
On October 18, 2026, AYi (Ayi AI Notes) shared a hands-on tutorial on building a personal website or product landing page from scratch with AI, proposing a two-step workflow. The first step is to create a Feishu document as a single source of truth, storing a personal introduction, project case studies, and a service list, so that AI can read it through the Feishu command-line tool; after the text is edited, the webpage can sync automatically. The second step is to provide references by breaking things down into parts: pull code from existing design sites, take screenshots, or extract style keywords to feed to AI for assembly. The tutorial organizes nearly 70 websites across 8 stages, covering component libraries such as shadcn/ui and Aceternity UI, motion resources such as Motion, GSAP, and Three.js, whole-site aesthetic galleries such as Godly, Land-book, and Awwwards, as well as AI website-building tools such as v0, Lovable, and Google Stitch, and 4 design Skills including Anthropic's frontend-design. The article notes that referencing interaction styles and using open-source components is fine, but one should not copy others' full-site visual originals, brand images, and copy verbatim; authorization agreements must be confirmed before commercial use, and Tailwind Plus and the full version of Mobbin are paid subscriptions.
AI-generated from public reports
Latest development · Report
English translation is being prepared.Developments
1 confirmed developments
- Source:Ayi AI Notes
Reports and discussion timeline
Browse reports and discussion by time. Their evidence levels remain distinct.
Oct 18
ayi_ai_notes
English translation is being prepared.
A Yi AI Notes
AI Personal Website Tutorial: Feishu Doc Draft Plus a List of Nearly 70 UI Design Sites
A hands-on tutorial on building a personal website with AI presents a two-step workflow: first create a Feishu document as the content draft and let AI read it through the Feishu command-line tool, so that editing the document syncs the page; then pull components, animations, and layouts from existing design sites and feed them to AI for assembly. The author organizes nearly 70 sites by 8 tasks, including component libraries such as shadcn/ui, Aceternity UI, and Magic UI; animation tools such as Motion, GSAP, Three.js, and Spline; whole-site inspiration sites such as Godly, Land-book, and Awwwards; AI website-building tools such as v0, Lovable, and Google Stitch; and 4 design Skills including Anthropic's frontend-design. The article notes that referencing interaction styles and using open-source components is fine, but do not copy entire sites' visual assets and copy; check the license agreements before commercial use, and Tailwind Plus and the full version of Mobbin are paid subscriptions.