#AI UI design
8057 related articles
·6 min
The AI Builder's Handbook: A Complete Guide to LLM Principles, RAG Architecture, and Agent Design
From the autocomplete nature of LLMs, tokens, and context windows to RAG vector databases, the MCP protocol, and AI agent loop design — this article uses vivid analogies to unpack the reality of AI engineering.
Read more →
·3 min
Agent Loop: A Design Guide for AI Autonomous Reasoning-Action-Verification Workflows
A deep dive into AI Agent Loops: from single loops to multi-agent collaboration. Master goal definition, validation mechanisms, and stop conditions to avoid blindly building agent fleets.
Read more →
·3 min
Opal: A Designer Built an AI Pet Assistant on Raspberry Pi Using OpenClaw
Microsoft designer Tua Nguyen built Opal, an AI rabbit assistant on Raspberry Pi using OpenClaw — capable of browsing the web, finding recipes, and operating GitHub.
Read more →
·2 min
How Designers Can Thrive in the AI Era: Build Fun, Hands-On Agents
AI agents are reshaping what designers do. A senior designer shares why understanding agent infrastructure is essential and how to learn by building fun projects.
Read more →
ui-skills: An AI Skills Library Built …
·4 min
ui-skills: An AI Skills Library Built for Design Engineers
ui-skills is an open-source AI Skills library for design engineers that helps AI generate higher-quality UI code. It quickly gained thousands of GitHub Stars.
Read more →
StyleSeed: A Design Rules Engine to En…
·2 min
StyleSeed: A Design Rules Engine to End the Homogenization Problem in AI-Generated UI
StyleSeed is an open-source design-rules engine that injects structured color, typography, and component specs into AI workflows to eliminate generic UI output.
Read more →
·4 min
Spring AI Alibaba Graph in Practice: HR Recruitment Workflow Agent Design and Core Technical Analysis
Build an HR recruitment workflow Agent with Spring AI Alibaba Graph, covering resume parsing, job matching, tiered question generation, HITL checkpointing, and time travel state rollback across 20 core technical points.
Read more →
·6 min
Rust AI Agent System Prompt Engineering in Practice: A Seven-Dimensional Design Guide
An in-depth analysis of the four core roles of AI Agent system prompts and the four-step tool-calling method, covering behavioral boundaries, autonomous execution principles, and trigger pattern design—helping Rust developers build high-quality agents.
Read more →
·5 min
Loop Engineering: A Comprehensive Guide to AI Agent Loop Design
A deep dive into Loop Engineering for AI Agents — what loop feedback mechanisms are, how they differ from Harness Engineering, and a complete guide from principles to production implementation.
Read more →
·3 min
Meta Open-Sources Astryx: The First Design System Built for AI Agents
Meta open-sources Astryx on GitHub — an Agent Ready design system built for AI coding assistants. 5,600+ Stars and growing. Learn how it tackles AI hallucination in UI code generation.
Read more →
·2 min
Three Standout AI Open Source Repos This Week: Animation Generation, UI Design, and Self-Learning
Three trending AI open source repos this week: Text to Lottie for animations, BioDesign local engine for UI mockups, and Self-Learning Skill for persistent AI memory. Install each with one command.
Read more →
·3 min
From Frontend Developer to AI Architect: A Complete Guide to Codex Programming Agent Design
A complete guide for frontend developers advancing to AI architects, covering the three-tier competency framework, Codex-like agent design, agents.md configuration, Skills systems, and core AI architect capabilities.
Read more →
·3 min
A Designer with Zero Coding Experience Built a Paid Mini Program in Two Weeks Using AI — Full Story
Designer Uncle Zhan, with zero coding experience, used Claude, ChatGPT, and DeepSeek to independently build a paid WeChat mini program in two weeks. Full breakdown of his workflow and costs.
Read more →
·3 min
Building a Travel Route Planning Mini-Program with AI in One Day: A Full Workflow from Design to Launch
Learn how to build a complete travel route planning WeChat Mini-Program in one day using AI tools like Modao AI and Cursor, covering UI design, code generation, debugging, and deployment.
Read more →
·4 min
Turn AI Into Your Personal Tutor with /teach: A Complete Guide to Stateful Skill Design
Deep dive into the /teach AI Skill's design and engineering: stateful vs. stateless Skill selection, ZPD pedagogy, interactive lesson generation, and onboarding potential.
Read more →
·2 min
AI-Powered Chrome Extension Development: A Complete Methodology from UI Design to Debugging
A proven methodology for AI-powered Chrome extension development: design UI panels with AI, generate code from mockups, and debug efficiently using the extension console.
Read more →
·3 min
Cursor AI Programming in Practice: A Complete Walkthrough from UI Design to Project Launch
A deep dive into Cursor AI's complete project development workflow, covering standardized prompts, UI design, code generation, and LangChain agent building.
Read more →
·3 min
Cursor Fails at UI Design Reproduction: The Real Capability Boundaries of AI Coding
A developer's failed attempt to reproduce a UI design with Cursor reveals AI coding's real limits. Learn where AI tools excel and where human skills remain essential.
Read more →
·2 min
ViBench: A Benchmark Designed Specifically for Evaluating AI Application Building Capabilities
Deep dive into ViBench, a benchmark addressing SWE-bench's gaps in evaluating AI application building through end-to-end generation, visual quality, and functional completeness.
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 →