#interactive HTML
281 related articles
Tutorials·2 min
Simon Willison's Full Process of Building an iNaturalist Observation Tool with Phone + Claude Code
Simon Willison built a complete iNaturalist observation aggregation tool using only his phone and Claude Code while camping. A detailed look at the Python CLI, Git Scraping, and static frontend architecture.
Read more →
Product Reviews·6 min
Redis Array Data Type Explained: 18 New Commands and a WASM Online Playground
Redis creator antirez adds Array data type with 18 new commands including ARGREP regex search. Simon Willison built a WASM browser playground with Claude Code for zero-install experimentation.
Read more →
Tutorials·2 min
Simon Willison's Full Process of Fixing a Datasette Map Bug with GPT-5.5 + Codex
Datasette creator Simon Willison debugged an OpenStreetMap display issue, uncovering CAPTCHA and Referrer-Policy conflicts, then built a plugin fix using GPT-5.5 and Codex.
Read more →
Product Reviews·4 min
LibreChat: Complete Guide to the 36K Star Open-Source ChatGPT Alternative
In-depth guide to LibreChat, the open-source AI chat platform with 36K+ Stars. Covers multi-model aggregation, MCP protocol, Agents, Code Interpreter, Docker self-hosting, and comparisons with alternatives.
Read more →
Tutorials·4 min
inaturalist-clumper: A Guide to Automatic Clustering of iNaturalist Observation Data
A detailed guide to Simon Willison's open-source tool inaturalist-clumper 0.1, which automatically clusters iNaturalist observation records by time and location, outputting JSON for nature blogs, data visualization, and static site integration.
Read more →
Tutorials·4 min
Google AI Studio Tutorial: Free Watermark-Free Image Generation, AI Voice & Zero-Code Apps
Master Google AI Studio: watermark-free AI image generation, multi-character text-to-speech, zero-code app building with Firebase. Covers Playground settings, Build features, and quota tips.
Read more →
Tutorials·4 min
Coze Programming Skill Invocation Tutorial: Generate Interactive Learning Webpages in Three Steps
Step-by-step tutorial on using Coze programming platform's skill invocation to auto-generate interactive learning webpages in 3 steps, with Pythagorean theorem and Newton's First Law examples.
Read more →
Tech Frontiers·3 min
Simon Willison Builds a QR Code Generator with Claude: A Vibe-Coding Case Study
Simon Willison built a QR code generator with Claude AI, supporting URL text and WiFi QR code generation with style customization. A detailed look at this vibe-coding project's design and AI-assisted development insights.
Read more →
Tech Frontiers·3 min
Gemini CLI Open-Source Release: 1000 Free Daily Calls to Gemini 2.5 Pro
Google open-sources Gemini CLI terminal agent with 1000 free daily calls to Gemini 2.5 Pro and 1M token context. Anthropic Claude models join GitHub Copilot as AI dev tool competition heats up.
Read more →
Tutorials·3 min
Gemini CLI Installation & Usage Guide: Free Access to Gemini 3 Pro for Coding
Complete guide to installing and using Gemini CLI with Gemini 3 Pro for AI-powered coding. Covers Node.js setup, Google account login, model switching, and generating code with natural language.
Read more →
Product Reviews·3 min
Open Design: A Local-First Open Source Alternative to Claude Design with 40K+ GitHub Stars
Open Design is a local-first open source AI design tool with 40K+ GitHub Stars, featuring 19 design skills, 71 brand-grade design systems, and compatibility with 9+ AI tools including Claude Code and Cursor.
Read more →
Tutorials·3 min
Build a Personal Website with AI in 10 Minutes, Zero Code: Complete Google AI Studio + Netlify Tutorial
Step-by-step guide to building a free personal website with Google AI Studio and Netlify — no coding needed, deployed in 10 minutes. Includes prompt tips and troubleshooting.
Read more →
Product Reviews·4 min
Claude Sonnet 4.5 Document Generation in Practice: One Prompt to Create Excel, Word, and PPT
Hands-on test of Claude Sonnet 4.5's code execution and file creation features, showing how one prompt generates Excel, Word, and PPT documents with four optimization strategies and three complete examples.
Read more →
Product Reviews·2 min
Claude Haiku 4.5 Frontend Benchmark: One-Third the Price, Better Than GPT-5?
Benchmark comparing Claude Haiku 4.5, Sonnet 4.0, Gemini 2.5 Pro, and GPT-5 across three frontend scenarios. Haiku 4.5 at one-third the price matches or beats flagship models.
Read more →
Deep Dives·3 min
D2C Design-to-Code Full Pipeline Explained: The New Design-Development Paradigm That Top Tech Companies Ask About in Interviews
A deep dive into D2C (Design to Code) technology, comparing it with traditional development and Vibe Coding, covering Figma AI implementation, three-level interview questions, and enterprise architecture design.
Read more →
Tutorials·3 min
Vibe Coding Hands-On Tutorial: Three Steps from Idea to Product Launch with Zero Code
A detailed Vibe Coding walkthrough: use Gemini for product docs, Figma Make for UI design, and Cursor for code generation. Build products with zero coding skills.
Read more →
Tutorials·3 min
Tongyi Lingma AI Automatically Deploys a Website to Alibaba Cloud in 5 Minutes: Zero-Code Website Building in Practice
Hands-on test of Tongyi Lingma AI zero-code website building: one sentence auto-generates HTML/CSS/JS and deploys to Alibaba Cloud in 5 minutes. Includes a math game demo and limitations analysis.
Read more →
Tutorials·4 min
DevBox in Practice: Building an MCP Server & Client from Scratch with One-Click Deployment
Step-by-step tutorial: Build an MCP Server and Gradio Client from scratch using DevBox cloud platform, covering tool definition, LLM function calling, SSE connections, and one-click deployment.
Read more →
Tutorials·4 min
Browser Use Tutorial: AI Browser Automation Agent Installation, Configuration & Practical Guide
Complete guide to Browser Use, the open-source AI browser automation agent: installation, Web UI usage, code integration, architecture, and token optimization tips for automating web tasks with natural language.
Read more →
Tutorials·4 min
Browser-Use WebUI Installation & Configuration Guide: AI Browser Automation in Practice
A detailed guide on installing Browser-Use WebUI, configuring Gemini and DeepSeek models, with four practical demos including form filling, content summarization, and e-commerce data scraping.
Read more →