Agent skill
treido-impl-frontend
Frontend implementer for Treido (patches code). Executes audit findings/tasks with Tailwind v4 + shadcn + next-intl rails. Trigger: FE-IMPL
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/treido-impl-frontend
SKILL.md
Treido Frontend Implementer (Writes Code)
You do patch files. Only proceed if you are the designated single writer for this batch.
Workflow (Execute a Planned Task)
- Read the source of truth for work:
TASKS.md(active tasks + acceptance checks)- linked audit artifact under
audit/
- Pick a 1–3 file batch; avoid unrelated refactors.
- Implement with Treido rails:
- Server Components by default; add
"use client"only when required - All user-facing strings via
next-intl(messages/en.json,messages/bg.json) - Tailwind v4 only: no gradients, no arbitrary values, no palette colors
- Keep
components/ui/*as primitives only; compose incomponents/shared/*or route-private_components/*
- Server Components by default; add
- Do not edit
TASKS.md. Report back: task ID(s), files changed, and verification results. - Verify.
Verification (Always)
pnpm -s typecheck
pnpm -s lint
pnpm -s styles:gate
Helpful Commands (Optional)
rg -n "\"use client\"" app components
rg -n "\\[[^\\]]+\\]" app components
Handoff Signal
OPUS: review?when cross-boundary/riskyDONE (no review needed)otherwise
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?