Guides
2742 guides about AI — from beginner to advanced
All guides
OpenGlass UI: Complete Guide to the Liquid Glass React Library
Architecture and integration guide for OpenGlass UI: 40 native components, CSS, SVG SDF, and WebGL2 renderers, token systems, Next.js SSR, and WCAG 2.2.
Building a Design System in Figma with Claude Code
Step-by-step guide to building a complete Figma design system using Claude Code: tokens, components, variables, and responsive screens.
Automated Video Editing & YouTube Shorts Creation: Complete Engineering Guide
Local automated video editing and YouTube Shorts pipeline: OpenCV PIP detection, faster-whisper hook discovery, FFmpeg vertical stitching, and AI agent integration.
Top GitHub Repositories for SEO and Keyword Research
8 battle-tested open-source GitHub repositories for semantic keyword discovery, technical audits, and Generative Engine Optimization (GEO).
Migrating from Claude Code to Codex: How to Move CLAUDE.md, MCP, Skills, Slash Commands, and Settings
Complete engineering guide on migrating from Claude Code to OpenAI Codex CLI: porting CLAUDE.md to AGENTS.md, configuring MCP, sandboxing, hooks, and retaining Claude models.
Self-Updating AI News Website in Claude Code: Complete Architecture Guide
Step-by-step engineering guide to creating an automated, self-updating newspaper-style AI news website with Claude Code: design prompts, trust boundaries, deduplication, and scheduled routines.
Claude Code: The Beginner's Handbook
Complete engineering guide to Claude Code by Anthropic: CLI setup, authentication, permissions management, essential hotkeys, and building your first project.
Claude Code Guide: Setup for Agentic Programming (Beginner-Friendly)
A comprehensive practical guide to setting up Claude Code: CLI installation, CLAUDE.md and settings.json configuration, permission matrices, automated hooks, custom /truth command, and subagents.
Claude SEO System for Article Writing
Claude SEO Writer is a skill for Claude that turns SEO article writing into a sequential process.
Codex for HR Teams — How to Organize Processes with AI
A comprehensive practical guide to systematic HR process automation with OpenAI Codex: recruiting pipelines, onboarding architectures, compliance tracking, dashboards, and database MCP server integration.
MCP Servers and Claude Code: A Practical Guide to Connecting and Building
How to expand Claude Code's capabilities with Model Context Protocol: connecting the filesystem, GitHub, PostgreSQL, Brave Search, and developing a custom server in TypeScript.
Animated Video Scroll Websites: A Complete Production Guide
How to build Apple-style scroll-driven video websites: WebP frame extraction, Canvas LERP smoothing, dwell-remap math, and the Precision Editorial design system.
MCP Connectors for Beginners: What They Are and How to Connect Them
A complete beginner's guide to the Model Context Protocol: connector architecture, step-by-step Filesystem Server setup for Claude Desktop, and popular connectors.
CLAUDE.md: How to Configure Instructions for Claude Code
How to properly set up CLAUDE.md for Claude Code: configuration levels, code conventions, Gotchas, Never Do constraints, golden samples, and the rule of second feedback.
AI automation implementation roadmap for business (for beginners)
If you're a small business owner and spend countless hours on repetitive administrative tasks, you're not alone.
n8n Beginner's Guide: Core Concepts, Nodes and Automation
A complete practical guide to n8n: from setup and core concepts (triggers, nodes, variables) to building autonomous AI workflows without limits.
Working with Git via Claude Code: A Beginner's Guide
A complete hands-on guide to Git integration in Claude Code: smart staging, automated commit messages, merge conflict resolution, GitHub CLI, and safety guardrails.
Hooks in Claude Code for Beginners: Automating Repetitive Actions
A complete hands-on guide to configuring Hooks in Claude Code: automated linting, formatting, pre-commit quality gates, desktop notifications, and headless execution.
7 Best Cheap Alternatives to Claude Code: Pick the Right Tool
Claude Code has become a leading name in agentic coding. Discover the 7 best CLI alternatives: OpenCode, Pi, Factory Droid, Codex CLI, Antigravity CLI, Cline, and Goose.
Claude Code for Beginners: A Practical Guide to Analyzing and Editing Projects
A comprehensive hands-on guide to Claude Code: exploring codebases with Read, Glob, and Grep, running automated code reviews, making multi-file edits, and rolling back changes safely.
Bug Hunting and Debugging with Claude Code: A Practical Guide
A complete hands-on guide to debugging with Claude Code: analyzing stack traces, parsing server logs, fixing complex TypeScript compiler errors, auto-repairing tests, and eliminating performance bottlenecks.
DESIGN.md Extractor: Reverse-Engineer Any Website Design with Claude
A comprehensive guide to using the DESIGN.md Extractor skill for Claude Code: extracting visual tokens, generating DESIGN.md files, building interactive HTML previews, and exporting to Tailwind CSS.
Telegram Chat Export & Clean for AI / NotebookLM
Complete step-by-step guide and embedded interactive web tool to convert raw Telegram exports (result.json) into clean TXT, CSV, or JSON optimized for NotebookLM, Claude Projects, ChatGPT, and local LLMs.
JSON — Structured Data for Programs, APIs, and AI Agents
A complete hands-on guide to JSON: syntax specifications, serialization via parse and stringify, REST API consumption, JSON Schema validation, and structured outputs for LLMs.
DOCX and XLSX Formats: When AI Needs to Deliver Production-Ready Documents
A comprehensive hands-on guide to generating and processing DOCX documents and XLSX workbooks with AI: comparing against Markdown and CSV, prompt engineering, formula design, and code automation.
CSV Format: The Complete Guide for AI Workflows and Automation
A comprehensive hands-on guide to using CSV in AI data pipelines: RFC 4180 specifications, comparison with XLSX and JSON, bulk cleaning, Python/TypeScript automation, and production prompt templates.
Markdown Format: The Complete Guide for AI Workflows and Automation
A comprehensive hands-on guide to Markdown syntax for AI development: CommonMark standards, heading hierarchy, GFM tables, character escaping, system prompts, and CLAUDE.md guidelines.