#design system
38 related articles
Cursor in Practice: Build a Vue3 + Spr…
·4 min
Cursor in Practice: Build a Vue3 + SpringBoot Full-Stack Blog Project in 20 Minutes
A detailed demo of using Cursor AI to build a Vue3 + SpringBoot + MySQL full-stack blog project in 20 minutes, covering UI prototyping, code generation, database setup, and debugging.
Read more →
Taste-Skill: A Deep Dive into the AI A…
·2 min
Taste-Skill: A Deep Dive into the AI Aesthetic Prompt Project with 33K GitHub Stars
Taste-Skill is a 33K-star GitHub project that embeds aesthetic rules into AI prompts, helping Claude Code, Cursor, and other AI tools generate better-looking UI.
Read more →
The Complete Vibe Coding Workflow: Shi…
·3 min
The Complete Vibe Coding Workflow: Ship a Product Without Writing a Single Line of Code
A complete guide to the Vibe Coding workflow: ship products without writing code using Gemini for docs, Figma Make for design, and Cursor for AI coding.
Read more →
Self-Study Guide to AI Agent Developme…
·4 min
Self-Study Guide to AI Agent Development: A Complete Path from Zero to Production
A practical self-study roadmap for AI Agent development: covering core skills, common pitfalls, phased learning plans, and interview prep to help developers go from concept collectors to builders.
Read more →
Vibe Coding in Practice: Building a GP…
·3 min
Vibe Coding in Practice: Building a GPS Check-in App from Scratch with AI — A Complete Walkthrough
A detailed guide to the four-step document-driven Vibe Coding method: from requirements docs to code generation, building a GPS check-in app with AI from scratch.
Read more →
The Complete Vibe Coding Workflow: A G…
·2 min
The Complete Vibe Coding Workflow: A Guide to Launching Apps with Zero Code
A detailed guide to the complete Vibe Coding workflow — from idea structuring and AI-driven UI design to automatic code generation — helping non-coders launch apps fast.
Read more →
Google Agent Skills Library Hands-On: …
·3 min
Google Agent Skills Library Hands-On: Can 12 Skills End AI's Obviously Fake UI Problem?
Hands-on review of Google's open-source Agent Skills library: how 12 Skills improve AI-generated UI quality, configuration pitfalls, and the strategic significance of standardizing Agent Skills.
Read more →
·1 min
Claude Design: Anthropic's AI-Powered Design Prototyping and Exploration Tool
Claude Design is Anthropic's AI-driven design exploration tool focused on prototyping via natural language. Explore its positioning, philosophy, competitive landscape, and impact on designers.
Read more →
Tutorials·3 min
Building an AI Software Factory from Scratch: A Cursor Engineer's Hands-On Experience with Multi-Agent Collaboration
Cursor engineer Eric shares practical insights on building an AI software factory: automation levels, guardrail design, parallel Agent management, and scaling to 1000+ Agents for 24/7 development.
Read more →
Product Reviews·3 min
OpenSlide: An Open-Source Framework That Lets AI Agents Write React Code to Create Presentations
OpenSlide is an Agent-native open-source slide framework that lets AI Agents write React code to generate professional presentations. Supports Claude Code, Cursor, and other coding Agents.
Read more →
Tutorials·3 min
The Vibe Coding 6-Step Method: A Complete Process for Building Real Products with AI and Zero Coding Experience
A detailed guide to the Vibe Coding 6-Step Method: from requirements alignment and high-fidelity prototyping to technical planning, modular implementation, testing, and launch — helping non-coders build real products with AI.
Read more →
Tutorials·3 min
Open Design in Practice: A Complete Guide to the Open-Source AI Design Tool That Replaces Claude Design
Complete guide to Open Design: an open-source AI design tool replacing Claude Design. Covers installation, prototype creation, HTML-to-Next.js migration, and Harness component encapsulation.
Read more →
Tutorials·3 min
10 AI Coding Plugins Tested: From Video Animation to Product Development and Office Automation
Hands-on review of 10 AI coding plugins covering Hyperframe animation, Remotion data videos, Figma design, multi-platform development, spreadsheet/PPT automation, and Computer Use for full productivity.
Read more →
Tutorials·3 min
10 AI Coding Plugins Tested: From Video Animation to Product Development and Office Automation
Hands-on review of 10 AI coding plugins covering Hyperframe animation, Remotion data videos, Figma design, multi-platform development, spreadsheet/PPT automation, and Computer Use for full workflow enhancement.
Read more →
Tutorials·3 min
Claude Code Hooks Explained: A Safety Net for When Rules Fail
Deep dive into Claude Code Hooks: why CLAUDE.md rules fail, and how PreCommand blocking, PostCommand reminders, and Stop Hooks form a reliable AI behavior constraint system.
Read more →
Tutorials·3 min
Claude Code Hooks Explained: A Safety Net for When Rules Fail
Deep dive into Claude Code Hooks: why CLAUDE.md rules fail and how PreCommand, PostCommand, and Stop Hooks provide a reliable safety net through on-demand context injection.
Read more →
Product Reviews·2 min
OpenDesign Open-Source AI Design Engine: Dissecting the Orchestration Layer Architecture Behind 45K GitHub Stars in One Month
Deep dive into OpenDesign's three-layer orchestration architecture: agent detection, 30+ composable design skills, and 72 brand design systems. Compared with Claude Design and Figma for rapid prototyping.
Read more →
Tutorials·4 min
WeChat Mini Program Login & Registration: A Full-Stack Integration Guide with SDK Integration and Debugging Lessons
Complete guide to WeChat Mini Program login/registration full-stack integration, covering SDK splitting, Pixso design-to-component workflow, debugging techniques, and AI-assisted programming collaboration methods.
Read more →
Tutorials·3 min
Building WeChat Mini Programs with AI from Scratch: A Complete Vibe Coding Walkthrough
A detailed guide on how Vibe Coding enables zero-background users to build WeChat Mini Programs, covering UI design, frontend code generation, and backend SDK integration with a complete workflow.
Read more →
Product Reviews·3 min
Cursor 2.0 Deep Dive: Hands-On Testing of Five Major Features Including Custom Models and Multi-Agent Parallel Development
Deep dive into Cursor 2.0's five major updates: custom Composer model, Git Worktrees multi-agent parallel development, Agent View mode, built-in browser, and more—with hands-on evaluation.
Read more →