#Diagram as Code
346 related articles
Tutorials·2 min
AgentSpan in Practice: Building Persistent AI Agents in Python with Crash Recovery and Human Approval
Learn how AgentSpan enables AI Agent state persistence with crash recovery, human approval workflows, and seamless LangGraph integration. Full Python examples included.
Read more →
Tutorials·2 min
Cursor + Codex Dual-IDE Collaboration: A 7-Step Practical Guide for Open-Source Project Customization
A practical guide to open-source project customization using Cursor and Codex dual-IDE collaboration, covering 7 key steps from source code to production delivery.
Read more →
Tutorials·2 min
Gemini Multimodal Agent Development in Practice: Full-Pipeline Architecture from Understanding to Generation
In-depth analysis of Google Gemini multimodal Agent development: 1M token context for multimodal understanding, native image & speech generation, Live API real-time interaction, and full Notebook LM clone architecture.
Read more →
Tutorials·2 min
Claude Code Skills Tutorial: Create Reusable AI Skills with Zero Code
Learn the structure and creation methods of Claude Code Skills. Build reusable skills like translation with zero code using Skills Creator to boost AI productivity.
Read more →
Product Reviews·2 min
10 Recommended Open-Source Claude Code Tools for May 2025
10 curated open-source Claude Code tools for May covering Token optimization, knowledge graphs, frontend design extraction, browser automation, and more to boost AI coding efficiency.
Read more →
Tutorials·2 min
LangChain Prompt Templates Explained: A Practical Guide to Few-Shot and Chain-of-Thought
A deep dive into LangChain prompt templates covering ChatPromptTemplate basics, Few-Shot prompting, and Chain-of-Thought techniques with RAG examples to build high-quality prompt pipelines.
Read more →
Tutorials·2 min
Practical Guide to OpenAI Agents SDK Message Types and Conversation History Management
Deep dive into OpenAI Agents SDK's five message types, conversation history management, and common pitfalls including static/dynamic instructions and Function Call pairing.
Read more →
Tutorials·1 min
Claude Code Agent Teams Practical Guide: 30 Tips for Efficient Collaboration
In-depth analysis of 30 practical tips for Claude Code Agent Teams, covering team formation, task planning, cost control, and file conflict avoidance.
Read more →
Tutorials·2 min
Codex Desktop Tutorial: Complete Workflow from Installation to Deployment
Complete tutorial on OpenAI Codex desktop: installation, configuration, approval mode, AI image generation, plan mode, Git parallel development, and Netlify one-click deployment.
Read more →
Tutorials·1 min
Claude Code MCP Server Configuration Tutorial: Complete Guide to Connecting External Data Sources
Learn how to configure MCP servers in Claude Code to connect external data sources, including Context7 for latest docs and Playwright for browser automation.
Read more →
Tutorials·1 min
Archon Deep Dive: A Practical Guide to the Open-Source AI Coding Harness Builder
Deep dive into Archon, the open-source AI coding Harness builder. Learn how orchestrating multiple AI coding Agents can boost PR acceptance rates from 6.7% to 70% through systematic AI programming engineering.
Read more →
Tutorials·1 min
Practical Engineering Guide: Building Multi-Component RAG Systems with Claude Code
Learn how to build multi-component multimodal RAG systems with Claude Code using CLAUDE.md recursive loading, virtual environment isolation, and Plan mode auditing.
Read more →
Tutorials·2 min
Three Open-Source Tools to Unlock Full Codex Features: Save Money Without Sacrificing Functionality
Use CCnext, Codex++, and DeepSeek V4 to unlock full Codex functionality including plugins and mobile connectivity at a fraction of the cost.
Read more →
Tutorials·2 min
Trae Third-Party API Integration Tutorial: Complete Guide to Configuring GPT/Claude and Other Models
Step-by-step tutorial on configuring GPT, Claude, Gemini and other third-party LLMs in Trae IDE via API, covering URL formats, model IDs, and troubleshooting.
Read more →
Deep Dives·2 min
The Rise of AI Operating Systems: How Large Models Are Evolving from Tools to OS
AI is evolving from a single tool into a complete operating system. This article analyzes AI OS core architecture, MCP/A2A protocol standardization, and how Agents are becoming the next OS paradigm.
Read more →
Tutorials·2 min
Claude Code + Agent SDK for a Personal AI Assistant: A More Elegant Solution Than OpenClaw
Deep dive into using Anthropic Agent SDK to bridge Claude Code via Telegram for a personal AI assistant. Compared to OpenClaw, featuring a three-layer memory system and Mega Prompt guided setup.
Read more →
Tutorials·2 min
vLLM and SGLang Local Deployment Tutorial: A Practical Guide to 3-8x Performance Gains
Complete guide to deploying vLLM and SGLang locally. Compare performance vs LM Studio, deploy in 3 steps with Docker + AI assistant. Covers SGLang vs vLLM selection, 5090 VRAM optimization, and Cherry Studio integration.
Read more →
Deep Dives·2 min
How to Add Deep Research Skills to AI Agent Frameworks: NVIDIA's Skill-Based Architecture Explained
Explore NVIDIA's Deep Research Skill approach for embedding deep research capabilities as skill modules into AI Agent frameworks like Claude Code and LangChain, enabling goal decomposition, multi-source retrieval, and knowledge synthesis.
Read more →
Deep Dives·4 min
Agent Loop Core Mechanism Explained: Building a ReAct Loop from Scratch (With Debugging War Stories)
Deep dive into Agent Loop, the core mechanism of AI Agents, based on ReAct architecture. Covers Tool Call ID handling, context management, assistant message feedback, with full Python code and common bug fixes.
Read more →
Tutorials·4 min
Windsurf AI Editor: A Practical Guide to Organizing Thesis Materials for Your Final Year Project
Learn how to use Windsurf AI editor for thesis material organization, including environment setup, API key configuration, and automated extraction of references, outlines, and tech selections in minutes.
Read more →