---
name: speccrew-sd-frontend
description: Frontend System Design SOP. Guide System Designer Agent to generate platform-specific frontend detailed design documents by filling technology implementation details into the Feature Spec skeleton. Reads techs knowledge to determine actual framework syntax and conventions.
tools: Read, Write, Glob, Grep
Trigger Scenarios
System Designer Agent dispatches this skill with platform context (platform_id, techs paths, Feature Spec paths)
Feature Spec has been confirmed, user requests frontend system design
User asks "Create frontend design for this platform" or "Generate frontend module design"
AgentFlow Definition
REQUIRED: Read and execute the XML workflow above. The XML contains the complete workflow definition including all steps, rules, conditions, and checklist.
1---2name: speccrew-sd-frontend3description: ---4---5---6name: speccrew-sd-frontend7description: Frontend System Design SOP. Guide System Designer Agent to generate platform-specific frontend detailed design documents by filling technology implementation details into the Feature Spec skeleton. Reads techs knowledge to determine actual framework syntax and conventions.8tools: Read, Write, Glob, Grep9---1011# Trigger Scenarios1213- System Designer Agent dispatches this skill with platform context (platform_id, techs paths, Feature Spec paths)14- Feature Spec has been confirmed, user requests frontend system design15- User asks "Create frontend design for this platform" or "Generate frontend module design"1617## AgentFlow Definition1819<!-- @agentflow: SKILL.xml -->2021> **REQUIRED**: Read and execute the XML workflow above. The XML contains the complete workflow definition including all steps, rules, conditions, and checklist.
Run npx skillmds@latest add charlesmu99/speccrew-sd-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