from vibe coding to agentic engineering - practice makes claude perfect
This repository is a structured reference collection covering Claude Code features including subagents, slash commands, skills, hooks, MCP servers, memory management, settings, orchestration workflows, and CLI startup flags. Each concept is organized under `.claude/` subdirectories (for example, `.claude/agents/`, `.claude/commands/`, `.claude/skills/`) and paired with both a best-practice guide and a working implementation example. The repository targets Claude Code users specifically, from beginners writing simple prompts to developers building multi-agent orchestration pipelines where one agent coordinates others. A notable standout is its weather-orchestrator example, which demonstrates a full orchestration workflow using Claude Code commands. The repo also cross-references tips attributed to Boris Cherny and links to official Anthropic skills from the `anthropics/skills` repository. Developers learning to structure Claude Code projects, adopt context engineering practices, or migrate from ad hoc prompting toward repeatable agentic workflows are the primary audience.
Curated HTML guide of best practices, agents, commands and skills for Claude Code.
- ✓Open-source license (MIT)
- ✓Actively maintained (<30d)
- ✓Healthy fork ratio
- ✓Clear description
- ✓Topics declared
- ✓Documented (README)
git clone https://github.com/shanraisshan/claude-code-best-practice && cp claude-code-best-practice/*.md ~/.claude/agents/24 items in this repository
Research agent that fetches GitHub repos, counts agents/skills/commands, gets star counts, and analyzes Claude Code workflow repositories
PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides, structure, styling, level transitions, or content reuse from other decks. This is the canonical reusable Claude Code best-practices deck. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding`) or the GDG Kolachi claude-gemini presentation (use `presentation-claude-gemini`).
PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) — slides, structure, styling, journey bar levels, or day/level organization. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding` instead).
PROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling, or level transitions. Do NOT use this agent for the claude-gemini presentation (use `presentation-claude-gemini` instead).
Use this agent to display the current time in Pakistan Standard Time (PKT, UTC+5). (root scope — see agent-teams for Dubai time)
Use this agent PROACTIVELY when you need to fetch weather data for Dubai, UAE. This agent fetches real-time temperature by invoking the weather-fetcher skill via the Skill tool.
Update the AGENT COLLECTIONS table by researching all agent-collection repos in parallel
Track Claude Code commands report changes and find what needs updating
Track Claude Code settings report changes and find what needs updating
Track Claude Code skills report changes and find what needs updating
Track Claude Code subagents report changes and find what needs updating
Update the README CONCEPTS section with the latest Claude Code features and concepts
Update the DEVELOPMENT WORKFLOWS table by researching all 11 workflow repos in parallel
Update the SKILL COLLECTIONS table by researching all 5 skill-collection repos in parallel
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
Knowledge about the presentation slide format, weight system, navigation, and section structure
Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation
The conceptual framework behind the presentation — what "Vibe Coding to Agentic Engineering" means, why the journey is structured the way it is, and how every slide fits the narrative arc
Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.
Instructions for fetching current weather temperature data for Dubai, UAE from Open-Meteo API
Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.
Use this agent to fetch the current time for Dubai, UAE (Asia/Dubai timezone, UTC+4). This agent fetches real-time Dubai time using its preloaded time-fetcher skill.
Subagents overview
# claude-code-best-practice from vibe coding to agentic engineering - practice makes claude perfect -white?style=flat&labelColor=555) <a href="https://github.com/shanraisshan/claude-code-best-practice/stargazers"><img src="https://img.shields.io/github/stars/shanraisshan/claude-code-best-practice?style=flat&label=%E2%98%85&labelColor=555&color=white" alt="GitHub Stars"></a><br> [](best-practice/) [](implementation/) [](orchestration-workflow/orchestration-workflow.md) [](https://code.claude.com/docs) [](#-tips-and-tricks) [](#-subscribe) <br> <img src="!/tags/a.svg" height="14"> = Agents · <img src="!/tags/c.svg" height="14"> = Commands · <img src="!/tags/s.svg" height="14"> = Skills <p align="center"> <img src="!/claude-jumping.svg" alt="Claude Code mascot jumping" width="120" height="100"><br> <a href="https://github.com/trending"><img src="!/root/github-trending-day.svg" alt="GitHub Trending #1 Repository Of The Day"></a> </p> <p align="center"> <img src="!/root/boris-slider.gif" alt="Boris Cherny on Claude Code" width="600"><br> Boris Cherny on X (<a href="https://x.com/bcherny/status/2007179832300581177">tweet 1</a> · <a href="https://x.com/bcherny/status/2017742741636321619">tweet 2</a> · <a href="https://x.com/bcherny/status/2021699851499798911">tweet 3</a>) </p> > [!TIP] > Visit the [**How to Use**](#how-to-use) section to take full advantage of this repo. ## 🧠 CONCEPTS | Feature | Location | Description | |---------|----------|-------------| | <img src="!/tags/a.svg" height="14"> [**Subagents**](https://code.claude.com/docs/en/sub-agents) | `.claude/agents/<name>.md` | [](best-practice/claude-subagents.md) [](implementation/claude-subagents-implementation.md) | | <img src="!/tags/c.svg" height="14"> [**Commands**](https://code.claude.com/docs/en/slash-commands) | `.claude/commands/<name>.md` | [](best-practice/claude-commands.md) [](implementation/claude-commands-implementation.md) | | <img src="!/tags/s.svg" height="14"> [**Skills**](https://code.claude.com/docs/en/skills) | `.claude/skills/<name>/SKILL.md` | [](best-practice/claude-skills.md) [](implementation/claude-skills-implementation.md) [Official Skills](https://github.com/anthropics/skills/tree/main/skills) · [Skills for Mono-repos](reports/claude-skills-for-larger-mono-repos.md) | | [**Workflows**](https://code.claude.com/docs/en/common-workflows) | [`.claude/commands/weather-orchestrator.md`](.claude/commands/weather-orchestrator.md) | [](orchestration-workflow/orchestration-workflow.md) | | [**Hooks**](https://code.claude.com/docs/en/hooks) | `.claude/hooks/` | [](https://github.com/shanraisshan/claude-code-hooks) [](https://github.com/shanraisshan/claude-code-hooks) [Guide](https://code.claude.com/docs/en/hooks-guide) | | [**MCP Servers**](https://code.claude.com/docs/en/mcp) | `.claude/settings.json`, `.mcp.json` | [](best-practice/claude-mcp.md) [](.mcp.json) | | [**Plugins**](https://code.claude.com/docs/en/plugins) | distributable packages | [Marketplaces](https://code.claude.com/docs/en/discover-plugins) · [Create Marketplaces](https://code.claude.com/docs/en/plugin-marketplaces) | | [**Settings**](https://code.claude.com/docs/en/settings) | `.claude/settings.json` | [](best-practice/claude-settings.md) [](.claude/settings.json) [Permissions](https://code.claude.com/docs/en/permissions) · [Model Config](https://code.claude.com/docs/en/model-config) · [Output Styles](https://code.claude.com/docs/en/output-styles) · [Sandboxing](https://code.claude.com/docs/en/sandboxing) · [Keybindings](https://code.claude.com/docs/en/keybindings) · [Auto Mode Config](https://code.claude.com/docs/en/auto-mode-config) | | [**Status Line**](https://code.claude.com/docs/en/statusline) | `.claude/settings.json` | [](https://github.com/shanraisshan/claude-code-status-line) [](.claude/settings.json) | | [**Memory**](https://code.claude.com/docs/en/memory) | `CLAUDE.md`, `.claude/rules/`, `~/.claude/rules/`, `~/.claude/projects/<project>/memory/` | [](best-practice/claude-memory.md) [](CLAUDE.md) [Auto Memory](https://code.claude.com/docs/en/memory) · [Auto Memory Deep-dive](reports/claude-agent-memory.md) · [Rules](https://code.claude.com/docs/en/memory#organize-rules-with-clauderules) | | [**Checkpointing**](https://code.claude.com/docs/en/checkpointing) | automatic (file-edit tracking) | | | [**CLI Startup Flags**](https://code.claude.com/docs/en/cli-reference) | `claude [flags]` | [](best-practice/claude-cli-startup-flags.md) [Interactive Mode](https://code.claude.com/docs/en/interactive-mode) · [Env Vars](https://code.claude.com/docs/en/env-vars) | | **AI Terms** | | [](https://github.com/shanraisshan/claude-code-codex-cursor-gemini/blob/main/reports/ai-terms.md) | | [**Best Practices**](https://code.claude.com/docs/en/best-practices) | | [Prompt Engineering](https://github.com/anthropics/prompt-eng-interactive-tutorial) · [Extend Claude Code](https://code.claude.com/docs/en/features-overview) | ### 🔥 Hot | Feature | Location | Description | |---------|----------|-------------| | [**Ultrareview**](https://code.claude.com/docs/en/ultrareview)  | `/code-review ultra`, `claude ultrareview [target]` | [Tasks tracking](https://code.claude.com/docs/en/ultrareview#track-a-running-review) | | [**Devcontainers**](https://code.claude.com/docs/en/devcontainer) | `.devcontainer/` | | | [**Channels**](https://code.claude.com/docs/en/channels)  | `--channels`, plugin-based | [Reference](https://code.claude.com/docs/en/channels-reference) | | [**Ultraplan**](https://code.claude.com/docs/en/ultraplan)  | `/ultraplan` | | | [**No Flicker Mode**](https://code.claude.com/docs/en/fullscreen)  | `/tui fullscreen`, `CLAUDE_CODE_NO_FLICKER=1` | [](https://x.com/bcherny/status/2039421575422980329) | | [**Auto Mode**](https://code.claude.com/docs/en/permission-modes#eliminate-prompts-with-auto-mode)  | `--permission-mode auto`, `Shift+Tab` | [](https://x.com/claudeai/status/2036503582166393240) [Blog](https://claude.com/blog/auto-mode) | | [**Power-ups**](best-practice/claude-power-ups.md) | `/powerup` | [](best-practice/claude-power-ups.md) | | [**Fast Mode**](https://code.claude.com/docs/en/fast-mode)  | `/fast`, `"fastMode": true` | | | [**Advisor**](https://code.claude.com/docs/en/advisor)  | `/advisor`, `advisorModel`, `--advisor` | [Blog](https://claude.com/blog/the-advisor-strategy) | | [**Computer Use**](https://code.claude.com/docs/en/computer-use)  | `computer-use` MCP server | [Desktop](https://code.claude.com/docs/en/desktop#let-claude-use-your-computer) | | [**Agent SDK**](https://code.claude.com/docs/en/agent-sdk/overview) | `npm` / `pip` package | [Quickstart](https://code.claude.com/docs/en/agent-sdk/quickstart) · [Examples](https://github.com/anthropics/claude-agent-sdk-demos) | | [**Ralph Wiggum Loop**](https://github.com/anthropics/claude-code/tree/main/plugins/ralph-wiggum) | plugin | [](https://github.com/ghuntley/how-to-ralph-wiggum) [](https://github.com/shanraisshan/ralph-wiggum-self-evolving-loop) | | [**Chrome**](https://code.claude.com/docs/en/chrome)  | `--chrome`, extension | [](reports/claude-in-chrome-v-chrome-devtools-mcp.md) | | [**Claude Code Web**](https://code.claude.com/docs/en/claude-code-on-the-web)  | `claude.ai/code` | [Routines](https://code.claude.com/docs/en/routines) | | [**Slack**](https://code.claude.com/docs/en/slack) | `@Claude` in Slack | | | [**Code Review**](https://code.claude.com/docs/en/code-review)  | GitHub App (managed) | [](https://x.com/claudeai/status/2031088171262554195) [Blog](https://claude.com/blog/code-review) [Local /code-review](https://code.claude.com/docs/en/commands) | | [**GitHub Actions**](https://code.claude.com/docs/en/github-actions) | `.github/workflows/` | [GitLab CI/CD](https://code.claude.com/docs/en/gitlab-ci-cd) | | [**Remote Control**](https://code.claude.com/docs/en/remote-control) | `/remote-control`, `/rc` | [](https://x.com/noahzweben/status/2032533699116355819) [Headless Mode](https://code.claude.com/docs/en/headless) | | [**Deep Links**](https://code.claude.com/docs/en/deep-links) | `claude-cli://open?repo=…&q=…` | | | [**Dynamic Workflows**](https://code.claude.com/docs/
What people ask about claude-code-best-practice
What is shanraisshan/claude-code-best-practice?
+
shanraisshan/claude-code-best-practice is subagents for the Claude AI ecosystem. from vibe coding to agentic engineering - practice makes claude perfect It has 57.6k GitHub stars and was last updated today.
How do I install claude-code-best-practice?
+
You can install claude-code-best-practice by cloning the repository (https://github.com/shanraisshan/claude-code-best-practice) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is shanraisshan/claude-code-best-practice safe to use?
+
Our security agent has analyzed shanraisshan/claude-code-best-practice and assigned a Trust Score of 88/100 (tier: Trusted). See the full breakdown of passed checks and flags on this page.
Who maintains shanraisshan/claude-code-best-practice?
+
shanraisshan/claude-code-best-practice is maintained by shanraisshan. The last recorded GitHub activity is from today, with 8 open issues.
Are there alternatives to claude-code-best-practice?
+
Yes. On ClaudeWave you can browse similar subagents at /categories/agents, sorted by popularity or recent activity.
Deploy claude-code-best-practice to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/shanraisshan-claude-code-best-practice)<a href="https://claudewave.com/repo/shanraisshan-claude-code-best-practice"><img src="https://claudewave.com/api/badge/shanraisshan-claude-code-best-practice" alt="Featured on ClaudeWave: shanraisshan/claude-code-best-practice" width="320" height="64" /></a>More Subagents
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
The agent that grows with you
Java 面试 & 后端通用面试指南,覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Production-ready platform for agentic workflow development.
The agent engineering platform.
🤯 LobeHub is your Chief Agent Operator, organizing your agents into 7×24 operations by hiring, scheduling, and reporting on your entire AI team.