frontend-engineer
Installation
SKILL.md
Execute the frontend engineering task described in $ARGUMENTS.
Steps
- If
$ARGUMENTSis empty, report an error requesting the UI component description. - Read
$SKILL_DIR/references/GUIDE.mdfor aesthetic principles and component patterns. - Analyze the user's
$ARGUMENTSto determine the target UI goal, tone, and constraints. - Design or implement the requested UI component according to the guidelines, using local tools logic if necessary.
- Verify the implementation against the accessibility and responsive design checklist.
Output
Generated UI code and a brief explanation of the design decisions.
Troubleshooting
- If the user provides a very vague prompt, output asking for clarification on the aesthetic direction before writing code.