---
name: speccrew-dev-frontend
description: Frontend Development SOP. Guide System Developer Agent to implement frontend code according to system design documents. Reads design blueprints, extracts task checklist, and executes implementation task by task with local quality checks.
tools: Bash, Edit, Write, Glob, Grep, Read
Trigger Scenarios
System Developer Agent dispatches this skill with platform context
System design confirmed, user requests frontend development
User asks "Start frontend development" or "Implement frontend code"
AgentFlow Definition
REQUIRED: Before executing this workflow, read the XML workflow specification: speccrew-workspace/docs/rules/agentflow-spec.md
Then read and execute the XML workflow in SKILL.xml block-by-block as the authoritative execution plan.
1---2name: speccrew-dev-frontend3description: ---4---5---6name: speccrew-dev-frontend7description: Frontend Development SOP. Guide System Developer Agent to implement frontend code according to system design documents. Reads design blueprints, extracts task checklist, and executes implementation task by task with local quality checks.8tools: Bash, Edit, Write, Glob, Grep, Read9---1011# Trigger Scenarios1213- System Developer Agent dispatches this skill with platform context14- System design confirmed, user requests frontend development15- User asks "Start frontend development" or "Implement frontend code"1617## AgentFlow Definition1819<!-- @agentflow: SKILL.xml -->2021> **REQUIRED**: Before executing this workflow, read the XML workflow specification: speccrew-workspace/docs/rules/agentflow-spec.md22> Then read and execute the XML workflow in SKILL.xml block-by-block as the authoritative execution plan.
Run npx skillmds@latest add charlesmu99/speccrew-dev-frontend in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
--- It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
charlesmu99 (@charlesmu99) published this skill. Their other Agent Skills are listed on their SkillMD profile.
charlesmu99