/g The Contract Codex ← 返回动态 Catalog

Theme Toggle Persistence

Add a dark and light theme toggle that persists across refreshes.

难度:intermediate 分类:frontend 来源:Apidog blog

完整 Prompt(可直接复制)

/goal
GOAL:
Complete Theme Toggle Persistence for a web frontend application: Add a dark and light theme toggle that persists across refreshes.

CONTEXT:
- Before editing, read the nearest AGENTS.md/CLAUDE.md, current issue or PLAN.md, and any failing logs already in the repo.
- Inspect routes, components, state, stories, tests, and screenshots.
- Establish a baseline by running or locating evidence for: `browser refresh verification`.

CONSTRAINTS:
- Keep the scope limited to this goal; do not expand into unrelated cleanup.
- Do not weaken tests, delete assertions, or mask errors to make verification pass.
- Respect the repository's AGENTS.md/CLAUDE.md instructions and existing patterns.
- Do not change unrelated routes or rewrite the design system.
- Preserve existing accessibility and keyboard behavior unless the goal explicitly improves it.

DONE WHEN:
- The implementation or documentation directly satisfies: Add a dark and light theme toggle that persists across refreshes.
- The verification command or evidence path succeeds: `browser refresh verification`.
- The final diff is scoped to the relevant files and has no unrelated formatting churn.

VERIFY:
- Run `browser refresh verification` or the closest repo-local equivalent if the exact command is not available.
- Capture before/after evidence for the behavior, metric, report, or artifact involved.
- If verification cannot run locally, stop and report the missing dependency instead of guessing success.

OUTPUT:
- Summarize changed files, key decisions, verification output, and remaining risks.
- Include any follow-up that is required for production rollout or human review.

STOP RULES:
- Pause if secrets, production access, stakeholder decisions, or destructive data operations are required.
- Pause after three failed fix attempts on the same symptom and challenge the root-cause hypothesis.
- Do not mark the goal complete until the current repository state has been audited against DONE WHEN.

来源与证据

原始来源: Apidog blog

证据摘要: dark/light theme toggle; source: Apidog blog; type: third-party-tutorial; verification: browser refresh verification