软件开发

Fix Next.js "Event handlers cannot be passed to Client Component props"

Fix Next.js App Router build error "Event handlers cannot be passed to Client Component props" — systematic approach to identify and extract interactive components from Server Components.

#software-development

Adding a New Section to Next.js Static Export Site

Add a new content section to a Next.js App Router project using output export (pure static generation). Covers dynamic route pages, aggregation pages, sitemap updates, navigation integration, and critical build-time pitfalls.

#nextjs#static-export#app-router

Plan Mode

Plan mode for Hermes — inspect context, write a markdown plan into the active workspace's `.hermes/plans/` directory, and do not execute the work.

#planning#plan-mode#implementation

Pre-Commit Code Verification

>

#code-review#security#verification

Subagent-Driven Development

Use when executing implementation plans with independent tasks. Dispatches fresh delegate_task per task with two-stage review (spec compliance then code quality).

#delegation#subagent#implementation

Systematic Debugging

Use when encountering any bug, test failure, or unexpected behavior. 4-phase root cause investigation — NO fixes without understanding the problem first.

#debugging#troubleshooting#problem-solving

Test-Driven Development (TDD)

Use when implementing any feature or bugfix, before writing implementation code. Enforces RED-GREEN-REFACTOR cycle with test-first approach.

#testing#tdd#development

Writing Implementation Plans

Use when you have a spec or requirements for a multi-step task. Creates comprehensive implementation plans with bite-sized tasks, exact file paths, and complete code examples.

#planning#design#implementation