SSkilltecabyclaudinhocode
Enviar skill
← Voltar para o catálogo

cc-navigator

Design e Frontend

Use when unsure what to do next, starting a new task, feeling stuck or lost, needing workflow guidance, or asking "how should I approach this".

2estrelas
Ver no GitHub ↗Autor: freemtyLicença: MIT

CC Navigator

Your Claude Code workflow navigator. Recommends the right skill, agent, or tool for any task — synthesized from 11 authoritative sources including Anthropic's official skills repo, the CC creator's tips, and Anthropic engineers' guides. Core principle: think before you code, verify before you ship.

For deep dives on any source or tool, see the references/ directory.

When to Use

  • "How should I approach this?" — unsure where to start
  • Starting a new feature, bug fix, or refactor session
  • Feeling overwhelmed by a large task — need to break it down
  • Don't know which skill or agent to reach for
  • Between steps — just finished something, what's next?
  • Want to learn how CC works under the hood
  • Need to find the right tool for web access, testing, or presentation

When NOT to use:

  • You already know exactly what to do and which skill to invoke
  • Mid-execution of a plan (stay in your current skill)

Decision Framework

Classify the Task

Task TypeSignal
New feature"add", "implement", "create", "build"
Bug fix"fix", "broken", "error", "failing", stack trace
Refactor"refactor", "clean up", "reorganize", "migrate"
Debug"why", "not working", "hang", "crash", "slow"
Exploration"how does", "explain", "what is", "understand"
Review"review", "check", "before merge", "PR"
Planning"how should I", "approach", "design", "architect"
Writing"write", "document", "blog", "slides", "presentation"
Web access"fetch", "browse", "scrape", "read this URL"

Recommend Workflow

START
  +-- Planning/Design needed?
  |     YES -> brainstorming (explore intent)
  |             then writing-plans (create plan)
  |
  +-- Is this a bug/test failure?
  |     YES -> systematic-debugging
  |            + minimal reproduction demo (shrink context, precision skyrockets)
  |
  +-- Is this a new feature/implementation?
  |     YES -> test-driven-development (write test first)
  |
  +-- Are there 2+ independent tasks?
  |     YES -> dispatching-parallel-agents
  |            or subagent-driven-development (same session)
  |
  +-- Need isolation from main branch?
  |     YES -> using-git-worktrees
  |
  +-- Implementation done?
  |     YES -> verification-before-completion
  |            then requesting-code-review
  |
  +-- Ready to merge/ship?
  |     YES -> finishing-a-development-branch
  |
  +-- Received review feedback?
        YES -> receiving-code-review
        NO  -> assess what's blocking and advise

Synthesized Key Principles

1. Think Before Code — AI is a Planning Amplifier

  • Give AI global context, not isolated small tasks (AReaL)
  • Nested plans: big plan -> phases -> sub-tasks with clear I/O and verification (AReaL)
  • Brainstorm -> Plan -> Execute -> Verify -> Review — always in this order (Superpowers)
  • Start every complex task in plan mode; pour energy into the plan so Claude can 1-shot the implementation (Boris)
  • Let one Claude write the plan, another review it as a staff engineer (Boris)
  • Use sprint contracts: generator and evaluator negotiate testable success criteria before implementation (Harness Design)
  • 74 planning sessions vs 9 coding sessions — planning time exceeding coding time is normal (AReaL)

2. Evidence-Driven — Tests are the Contract

  • Design verification BEFORE writing code (AReaL)
  • TDD is mandatory, not optional: RED -> GREEN -> REFACTOR (Superpowers)
  • Minimal reproduction demo for bugs — shrink context, precision skyrockets (AReaL)
  • Say "Prove to me this works" and have Claude diff behavior between main and your branch (Boris)
  • Challenge Claude: "Grill me on these changes and don't make a PR until I pass your test" (Boris)
  • Separate generator from evaluator — self-evaluation bias is real; use external agent to critique (Harness Design)

3. Context Hygiene — Protect the Window

  • 200K window is not all yours: MCP tools eat ~10-20K, Skill descriptors ~1-5K, system ~2K (Tw93)
  • Keep CLAUDE.md short, hard, executable; Anthropic's own is ~2.5K tokens (Tw93)
  • Task switch -> /clear; same task new phase -> /compact (Tw93)
  • Write Compact Instructions in CLAUDE.md to control what survives compression (Tw93)
  • Write HANDOFF.md before ending long sessions so the next Claude can continue (Tw93)
  • Offload tasks to subagents to keep main context clean (Boris)
  • Use /context to monitor consumption; don't wait for auto-compression (Tw93)

4. Skills Engineering — Progressive Disclosure

  • Three-level loading: metadata (~100 words, always in context) -> SKILL.md body (<500 lines, on trigger) -> bundled resources (unlimited, on demand) (Official)
  • A skill is a folder, not just a markdown file — include scripts, assets, data (Thariq Skills)
  • SKILL.md = navigation + core constraints; large references go to supporting files (Tw93, Thariq, Official)
  • Description = primary trigger mechanism; be "pushy" — Claude tends to undertrigger (Official)
  • Description should include both what it does AND specific contexts for when to use it (Official)
  • Gotchas are the highest-signal content in any skill (Thariq Skills)
  • High-freq (>1/session) -> auto-invoke; low-freq -> disable-auto-invoke; rare -> remove (Tw93)
  • 9 skill categories: Library, Verification, Data, Workflow, Scaffolding, Quality, DevOps, Debug, Maintenance (Thariq Skills)
  • If you do something more than once a day, make it a skill (Boris)
  • Explain why > heavy MUSTs — LLMs have good theory of mind, reasoning beats rigid rules (Official)
  • Eval-driven development: draft -> test with baseline -> human review -> improve -> repeat (Official skill-creator)

5. Tool Design — See Like an Agent

  • Give agent tools shaped to its abilities, not human-complete APIs (Thariq Agent)
  • ~20 tools in CC; bar to add a new one is high — one more option to think about (Thariq Agent)
  • Progressive disclosure adds functionality without adding tools (Thariq Agent)
  • As models improve, old tools may constrain — revisit assumptions (Thariq Agent: TodoWrite -> Task)
  • Claude is increasingly good at building its own context given the right search tools (Thariq Agent)
  • Stress-test harness assumptions: as models improve, components become non-load-bearing — simplify (Harness Design)

6. Parallel Execution — Scale Smart

  • 3-5 git worktrees at once, each running its own Claude — single biggest productivity unlock (Boris)
  • Multitasking (different sessions on different tasks) + pass@k (same task, different constraints) (AReaL)
  • Know when to STOP parallelizing — shared wrong assumption = waste (AReaL)
  • Checkpoints at every boundary — verify before continuing (Superpowers)

7. Invest in Your CLAUDE.md

  • After every correction: "Update your CLAUDE.md so you don't make that mistake again" (Boris)
  • Claude is eerily good at writing rules for itself (Boris)
  • Ruthlessly edit over time — keep iterating (Boris)
  • Use .claude/rules/ for path/language rules; don't make root CLAUDE.md carry all differences (Tw93)
  • Layered config: CLAUDE.md as slim router + rules/ + agents/ + skills/ + commands/ (AReaL)

8. Hooks as Automation Backbone

  • Four types: command, http, prompt, agent — choose by complexity (Official Hooks)
  • 19 lifecycle events cover the full agent loop (Official Hooks)
  • Use prompt hooks for AI judgment, agent hooks for codebase verification (Official Hooks)
  • Skills can register session-scoped hooks: /careful blocks destructive commands, /freeze scopes edits (Thariq Skills)
  • RTK pattern: filter tool output before it reaches Claude, keep only decision-relevant info (Tw93)

Ecosystem Quick Reference

Tools below are third-party -- install separately if needed. The core navigator works without any of them.

For detailed setup, usage, and decision guides, read the corresponding file in references/.

Web Access & Network (references/ecosystem-web-access.md)

ToolInvokeUse When

Como adicionar

/plugin marketplace add freemty/cc-navigator

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Comentários · Nenhum comentário

Entre para comentar. Entrar

  • Ainda não há comentários. Seja o primeiro.