frontend-engineer

Execute the frontend engineering task described in $ARGUMENTS .

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "frontend-engineer" with this command: npx skills add bahayonghang/my-claude-code-settings/bahayonghang-my-claude-code-settings-frontend-engineer

Execute the frontend engineering task described in $ARGUMENTS .

Steps

  • If $ARGUMENTS is empty, report an error requesting the UI component description.

  • Read $SKILL_DIR/references/GUIDE.md for aesthetic principles and component patterns.

  • Analyze the user's $ARGUMENTS to 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.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Coding

tech-design-doc

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

article-cover

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

tech-blog

No summary provided by upstream source.

Repository SourceNeeds Review