tibursocampos STOP - Read before ANY tool call
- Read
{{GUARDRAILS_PATH}} - Read
_shared/sdd-artifacts/SESSION.md; load session-state for$Cwd - If the relevant gate is not approved: STOP - ask user (pt-BR) - do NOT Write/Shell
- SDD/develop skills: after ONE step/task, STOP session - handoff only
- This skill body is English; user-facing prompts may be (pt-BR)
Step -1 - Gate check (report in chat before continuing)
Gate check:
[ ] guardrails.mdc read
[ ] SESSION.md read; session-state loaded
[ ] User confirmed current action (sim)
-> If any unchecked: STOP
Skill: vue-developer
Trigger
Invoke when the user asks for: /vue-developer, vue fix, or small isolated Vue 3 work that does not need a full PRD/PLAN cycle.
Outcome
Working Vue components, composables, and tests in the target workspace, validated with tests/build, on a valid feature branch, with optional /commit handoff. Does not replace SDD for multi-step or cross-repo features.
Lazy-load (only when needed)
| When | Path (after scripts/sync-cursor.ps1) |
|---|---|
| Repo context | {{TOOLKIT_ROOT}}/skills/_shared/developer-common/step-0-context.md |
| Before coding | {{TOOLKIT_ROOT}}/skills/_shared/developer-common/step-0.5-review-guidelines.md |
| Branching | {{TOOLKIT_ROOT}}/rules/branch-validation.mdc, {{TOOLKIT_ROOT}}/skills/_shared/developer-common/step-3-branching.md |
| Pre-commit | {{TOOLKIT_ROOT}}/skills/_shared/developer-common/step-3.5-precommit-validation.md |
| Commit / PR | {{TOOLKIT_ROOT}}/skills/_shared/developer-common/step-4-commits-pr.md, {{TOOLKIT_ROOT}}/rules/conventional-commits.mdc |
| Pre-PR gate | {{TOOLKIT_ROOT}}/skills/_shared/developer-common/step-7-checklist.md |
| Design brief | docs/DESIGN-BRIEF.md or docs/design/DESIGN-BRIEF.md |
| Vue Composition / SFC | {{TOOLKIT_ROOT}}/skills/_shared/vue-guidelines/composition-and-sfc.md |
| Vue style guide essentials | {{TOOLKIT_ROOT}}/skills/_shared/vue-guidelines/style-guide-essentials.md |
| Vue reactivity | {{TOOLKIT_ROOT}}/skills/_shared/vue-guidelines/reactivity.md |
| Vue routing / state | {{TOOLKIT_ROOT}}/skills/_shared/vue-guidelines/routing-and-state.md |
| Vue testing | {{TOOLKIT_ROOT}}/skills/_shared/vue-guidelines/testing.md |
| Vue accessibility | {{TOOLKIT_ROOT}}/skills/_shared/vue-guidelines/accessibility.md |
| Vue delivery checklist | {{TOOLKIT_ROOT}}/skills/_shared/vue-guidelines/checklist.md |
| Frontend core | {{TOOLKIT_ROOT}}/skills/_shared/frontend-guidelines/frontend-practices.md |
| FE structure (ARCH / CONTINUITY needs folder layout) | Prefer {{TOOLKIT_ROOT}}/skills/_shared/frontend-guidelines/frontend-architecture.md — not a per-framework CA tree |
| Frontend tests | {{TOOLKIT_ROOT}}/skills/_shared/frontend-guidelines/frontend-testing.md |
| Semantic HTML | {{TOOLKIT_ROOT}}/skills/_shared/html-css-guidelines/semantic-html.md |
| a11y basics (HTML/CSS) | {{TOOLKIT_ROOT}}/skills/_shared/html-css-guidelines/accessibility-basics.md |
| CSS foundations | {{TOOLKIT_ROOT}}/skills/_shared/html-css-guidelines/css-foundations.md |
| Modern CSS | {{TOOLKIT_ROOT}}/skills/_shared/html-css-guidelines/modern-css.md |
| SCSS | {{TOOLKIT_ROOT}}/skills/_shared/html-css-guidelines/scss-guidelines.md |
| Inclusive components | {{TOOLKIT_ROOT}}/skills/_shared/html-css-guidelines/inclusive-components.md |
| HTML/CSS checklist | {{TOOLKIT_ROOT}}/skills/_shared/html-css-guidelines/checklist.md |
| Principles | {{TOOLKIT_ROOT}}/skills/_shared/code-guidelines/principles/principles-cheatsheet.md (+ architecture-selection.md or one approved style — never glob architecture/**) |
| Subagent-first / SPAWN.md | {{TOOLKIT_ROOT}}/skills/_shared/developer-common/subagent-first.md, {{TOOLKIT_ROOT}}/skills/_shared/agents/SPAWN.md |
| Caveman Mode (if active) | {{TOOLKIT_ROOT}}/skills/_shared/caveman/CAVEMAN.md - Full cap |
| Context pressure | {{TOOLKIT_ROOT}}/rules/context-management.mdc |
| Reference index (routing only) | {{TOOLKIT_ROOT}}/skills/vue-developer/reference.md |
| Process step detail (lazy) | {{TOOLKIT_ROOT}}/skills/vue-developer/references/<section>.md |
Do not preload unrelated guideline trees. Do not redesign vue-guidelines/ in this skill — load existing pack rows only.
Never by default: do not preload all references/*.md. do not preload other stack guideline packs. Load only Vue rows needed for the current task. Do not dump full stack guideline packs or memory-bank. Load one section per Process step (SKILL-REFERENCE-RETRIEVAL.md).
Reference routing
| Situation | Path |
|---|---|
| Scope / SDD escalation / design brief | references/scope.md |
| Implement flow | references/execute-flow.md |
| Must not (full) | references/must-not.md |
Process
Read references/<section>.md for procedural detail — not full reference.md.
Step -1b - Caveman Mode (Full cap)
- Read
{{SDD_ROOT}}/preferences.json(create{ "caveman_mode": false, "caveman_level": "full" }if missing). - If
caveman_modeis false: continue without compression. - If true: load
{{TOOLKIT_ROOT}}/skills/_shared/caveman/CAVEMAN.md; apply Full participation cap + prefscaveman_level(Lite skills never escalate); show once:[Caveman] Modo ativo (respostas compactas, level={effective}). Digite caveman off para desativar. - Honor
caveman on|off|status|lite|full|ultra(andstop caveman/normal mode) during the session. - Auto-Clarity + never-compress gates/drafts/paths per
CAVEMAN.md.
0. Scope
Follow references/scope.md (SDD escalation, design brief / host detection when present).
1. Execute
Follow references/execute-flow.md (subagent-first, workspace → guidelines → branch → implement → tests → handoff).
Must not
Enforce the full list in references/must-not.md. Critical: no guideline dumps into children; no auto-commit; lazy-load stack guidelines only — never dump full packs or memory-bank.
Handoff
| Situation | Next |
|---|---|
| Commit | /commit |
| Review | /code-review |
| Scope grew | /sdd-spec -> sdd-plan -> sdd-develop |
| Missing design brief | /impeccable shape (new session) |