Claude Code Skills: Build Reusable Workflows with Custom Commands
Skills are the fastest way to create repeatable workflows in Claude Code. A markdown file, a slash command, and predictable steps with human intervention.
Claude Code
From zero to pro with Claude Code. In-depth guides and tips you can apply today.
6 articles · 12 tips
Articles
Automated Code Review with Claude Code, Playwright, and Notion (MCP)
Learn how to connect Claude Code with Playwright and Notion via MCP to create an automated UI and code review system.
Claude Code Subagents: Complete Guide to Multi-Agent Architecture
Learn to create and manage subagents in Claude Code. Divide complex tasks, avoid context contamination, and scale your AI development.
Claude Code Guide: Professional Setup, Configuration & Workflows (2026)
The definitive Claude Code guide. Learn installation, advanced configuration (CLAUDE.md), agent workflows, and patterns for professional developers.
MCP with Claude Code: Setup Guide for Frontend Developers
Understand what the Model Context Protocol (MCP) is and how to use it in Claude Code to connect your LLM with real tools (GitHub, Linear, Databases).
Automate Frontend with Claude Code: From 1 Hour to 3 Minutes (Real Case)
Discover how to use Claude Code CLI to automate frontend development tasks. Practical case: implementing AVO tracking events in minutes.
Quick Tips
Claude Code Opens Chrome and Debugs Your Frontend for You
claude --chrome or /chrome connects Claude Code to your browser. Claude opens tabs, navigates, clicks, reads the console, and debugs your frontend — all without leaving the terminal.
What the #@$%! Is Claude Thinking? Watch It Live
Press Ctrl+O to watch Claude think. Spot problems early. Stop bad decisions before they become bad code.
What Is MCP in Claude Code and How to Set It Up in 2 Minutes
MCP is not a plugin, not a skill, not an API. It's a protocol. claude mcp add + URL or local command and Claude is connected to any service.
Control How Much Claude Thinks Before Responding
Use /model + arrow keys to adjust effort on the fly. Or configure it permanently with effortLevel in settings or the CLAUDE_CODE_EFFORT_LEVEL environment variable.
3 Things You Must Know About /permissions in Claude Code
Deny rules always win. Modes change everything. And the Tool(specifier) syntax supports wildcards and gitignore patterns.
Run Shell Commands Without Leaving Claude Code
Type ! followed by any command to run it directly in your shell without leaving Claude Code. Use Ctrl+B for background processes.
The 6 Extension Points in Claude Code Everyone Confuses
Skills, Hooks, MCP, Sub-agents, Agent Teams, and Plugins: a quick map to know when to use each one.
Create Reusable Commands with Skills in Claude Code
Skills are markdown files that Claude Code executes as slash commands. Create a SKILL.md, invoke it with /name, and Claude follows the steps. Conversational, predictable, reusable.
Speed Up Claude Code Responses with Fast Mode
Fast mode prioritizes speed over cost on Opus 4.6: up to 2.5x faster responses with the same intelligence. Learn how to toggle it with /fast.
Monitor Token Usage with the /context Command
The /context command breaks down how many tokens each component of your session consumes, giving you full visibility into the context window before it fills up.
Rewind Changes Instantly with Checkpoints
Every prompt creates an automatic checkpoint. If Claude breaks something, press Esc twice and rewind to any previous state in seconds.
Customize Your Claude Code Status Line
Claude Code lets you customize the bottom status bar with a shell script — think PS1, but for your AI coding session.