Frontend Engineer
Generates clean, efficient, and accessible React components based on design specifications and user stories.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add bahayonghang-frontend-engineer npx -- -y @trustedskills/bahayonghang-frontend-engineer
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"bahayonghang-frontend-engineer": {
"command": "npx",
"args": [
"-y",
"@trustedskills/bahayonghang-frontend-engineer"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides a pre-configured frontend engineering environment for AI agents. It sets up specific tools and configurations to streamline the development process, including code formatting, linting, and potentially other build processes. The goal is to accelerate frontend development tasks by providing a consistent and optimized starting point.
When to use it
- Rapid prototyping: Quickly set up a basic frontend project without manual configuration.
- Consistent coding style: Enforce team-wide coding standards for frontend projects.
- New project initialization: Avoid repetitive setup when starting new frontend development initiatives.
- Standardized tooling: Ensure all frontend developers are using the same versions of key tools and libraries.
Key capabilities
- Pre-configured development environment
- Code formatting tools
- Linting configurations
Example prompts
- "Create a new React project with this skill."
- "Run the linter on my current frontend code."
- "Format my JavaScript files according to the established style guide."
Tips & gotchas
This skill likely requires familiarity with common frontend development tools and workflows. The specific tools and configurations may need adjustment depending on the project's unique requirements.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.