agent-rules-skill-auth…
Maintain WebDev Agent Kit source rules, skills, metadata, and validators. Excludes upgrading installed copies.
Define user goal, scope, constraints, and done criteria before standard or deep frontend work. Skip micro-fixes, obvious type errors, tiny styling changes, and isolated direct edits.
$ npx -y skills add ytvee-dev/webdev-agent-kit --skill goal-planner --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/goal-plannerContext preview
The summary Claude sees to decide when to auto-load this skill.
Define user goal, scope, constraints, and done criteria before standard or deep frontend work. Skip micro-fixes, obvious type errors, tiny styling changes, and isolated direct edits.
name: goal-planner
description: 'Define user goal, scope, constraints, and done criteria before standard or deep frontend work. Skip micro-fixes, obvious type errors, tiny styling changes, and isolated direct edits.'
id: 'agents.skills.goal-planner.skill'
title: 'Goal Planner'
doc_type: 'skill'
layer: 'skill'
status: 'active'
publishable: true
local_only: false
skill: 'goal-planner'
tags:
- 'agents/skill-package'
- 'agents/planning'
- 'workflow/goal-contract'
parent:
- '[[AGENTS|Canonical Agent Policy]]'
related:
- '[[common/agent-operating-model|Agent Operating Model]]'
- '[[common/goal-contract|Goal Contract]]'
- '[[common/prompt-intent-routing-rules|Prompt Intent Routing Rules]]'
- '[[templates/goal-contract|Goal Contract Template]]'
- '[[skills/project-context-adapter/SKILL|Project Context Adapter]]'
- '[[skills/agent-rules-skill-author/SKILL|Agent Rules And Skill Author]]'
depends_on:
- '[[AGENTS|Canonical Agent Policy]]'Create a clear goal contract for standard or deep frontend work before implementation begins.
This skill exists to prevent ambiguous or large requests from turning into unfocused coding. It defines what the user wants, what is in scope, what is out of scope, which constraints apply, and what observable conditions mean the task is done.
Use this skill only after `AGENTS.md` and `common/prompt-intent-routing-rules.md` classify the task as `Standard Workflow` or `Deep Workflow`.
Use this skill when:
Do not use this skill for `Lightweight Workflow` prompts, including:
Do not use this skill to implement code, install tools, scaffold projects, rewrite architecture, or perform visual QA.
If a lightweight task reveals hidden scope, escalate first using `common/prompt-intent-routing-rules.md`, then use this skill only if the escalated task is standard or deep.
1. Read `AGENTS.md`. 2. Read `common/prompt-intent-routing-rules.md` when task scale is not obvious. 3. Read `common/goal-contract.md`. 4. Confirm the workflow level is `Standard Workflow` or `Deep Workflow`. 5. Read only project overlays that are needed to understand the goal boundary, such as `project/stack-profile.md`, `project/architecture-map.md`, or `project/design-reference-profile.md`. 6. Read affected source files only when the goal cannot be stated without them.
1. Confirm task scale.
2. Extract the user-facing goal.
3. Define scope.
4. Define constraints. Include relevant constraints such as:
5. Resolve material ambiguity when needed.
data or state ownership, responsive or accessibility behavior, external integration or security, or verification.
verified project evidence before asking.
at a time and no more than three in one goal-definition pass.
an option only when evidence supports it.
limit is reached.
blocker instead of silently guessing.
When. Keep only a compact Clarifications record for durable goals.
choose low-impact styling, or decide safe plan-level implementation detail.
6. Define Done When.
7. Choose output mode.
A cross-platform frontend kit for Codex, Claude Code, Cursor, OpenCode, etc. It helps AI coding agents work predictably and safely with existing frontend projects.
Repo: ytvee-dev/webdev-agent-kit
Maintain WebDev Agent Kit source rules, skills, metadata, and validators. Excludes upgrading installed copies.
Inspect Figma links through MCP or browser computer use, or analyze screenshots and selected-layer properties. Produce frontend specs and clarify unresolved…
Create, resume, analyze, or converge standard and deep frontend execution plans with traceable slices, evidence, and stop/resume state. Skip lightweight…
Plan architecture and ownership for standard or deep React/Next.js work across routing, state, data, styling, forms, builds, migrations, and implementation…
Diagnose and fix frontend defects from evidence, including unclear UI/runtime errors, broken routes, styling regressions, and hydration or client issues.…
Set subject-grounded visual direction for standard or deep UI work, redesign, polish, critique, anti-template review, or design handoff. Skip technical…