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 en este repositorio
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.
Resumen de Subagents
# 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/
Lo que la gente pregunta sobre claude-code-best-practice
¿Qué es shanraisshan/claude-code-best-practice?
+
shanraisshan/claude-code-best-practice es subagents para el ecosistema de Claude AI. from vibe coding to agentic engineering - practice makes claude perfect Tiene 57.6k estrellas en GitHub y se actualizó por última vez today.
¿Cómo se instala claude-code-best-practice?
+
Puedes instalar claude-code-best-practice clonando el repositorio (https://github.com/shanraisshan/claude-code-best-practice) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.
¿Es seguro usar shanraisshan/claude-code-best-practice?
+
Nuestro agente de seguridad ha analizado shanraisshan/claude-code-best-practice y le ha asignado un Trust Score de 88/100 (tier: Trusted). Revisa el desglose completo de comprobaciones superadas y flags en esta página.
¿Quién mantiene shanraisshan/claude-code-best-practice?
+
shanraisshan/claude-code-best-practice es mantenido por shanraisshan. La última actividad registrada en GitHub es de today, con 8 issues abiertos.
¿Hay alternativas a claude-code-best-practice?
+
Sí. En ClaudeWave puedes explorar subagents similares en /categories/agents, ordenados por popularidad o actividad reciente.
Despliega claude-code-best-practice en tu cloud
Lleva este repo a producción en minutos. Cada plataforma genera su propio entorno con variables de entorno editables.
¿Mantienes este repo? Añade un badge a tu README
Pega el badge en tu README de GitHub para mostrar que está auditado por ClaudeWave. Cada badge enlaza de vuelta a esta página y muestra el Trust Score actual.
[](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>Más 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.