Senior Frontend
Builds robust, accessible, and performant React components based on detailed specifications and design systems.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add hainamchung-senior-frontend npx -- -y @trustedskills/hainamchung-senior-frontend
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"hainamchung-senior-frontend": {
"command": "npx",
"args": [
"-y",
"@trustedskills/hainamchung-senior-frontend"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides advanced frontend development capabilities for AI agents. It allows for the creation and manipulation of complex user interfaces, including components and layouts. The agent can leverage this skill to build interactive web applications or integrate with existing frontend systems.
When to use it
- Generating code snippets for specific UI elements (e.g., a responsive navigation bar).
- Debugging and troubleshooting issues in existing frontend codebases.
- Creating prototypes of user interfaces based on textual descriptions.
- Automating repetitive tasks like component styling or layout adjustments.
Key capabilities
- Frontend development expertise
- Component creation and manipulation
- Layout design and implementation
- Code generation for UI elements
Example prompts
- "Generate a React component for a simple form with name, email, and submit fields."
- "Debug this JavaScript code snippet: [paste code here]"
- "Create a prototype of a dashboard layout with charts and tables."
Tips & gotchas
This skill assumes some familiarity with frontend development concepts like HTML, CSS, and JavaScript frameworks (e.g., React, Angular, Vue). The agent may require additional context or specifications for complex UI tasks.
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.