Frontend Dev Guidelines
Helps with frontend development, guidelines as part of building frontend UIs and user experiences workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add binhmuc-frontend-dev-guidelines npx -- -y @trustedskills/binhmuc-frontend-dev-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"binhmuc-frontend-dev-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/binhmuc-frontend-dev-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides a set of frontend development guidelines to ensure consistency and quality across projects. It helps enforce coding standards, best practices for component structure, and accessibility considerations. The tool aims to streamline the development process by providing clear rules and expectations for frontend code.
When to use it
- New Project Setup: Use this skill when starting a new frontend project to establish consistent coding conventions from the beginning.
- Code Reviews: Integrate these guidelines into your code review process to ensure adherence to standards.
- Team Onboarding: Help new team members quickly understand and adopt the project's frontend development practices.
- Refactoring Existing Code: Apply the guidelines during refactoring efforts to improve code quality and maintainability.
Key capabilities
- Coding Standards Enforcement
- Component Structure Best Practices
- Accessibility Considerations
- Project Consistency
Example prompts
- "Apply the frontend development guidelines to this React component."
- "Check this HTML for accessibility issues according to the provided guidelines."
- "Generate a list of common coding style violations based on the frontend development guidelines."
Tips & gotchas
The skill assumes familiarity with basic frontend development concepts. Ensure that the AI agent has access to the relevant project codebase or component snippets for effective application of the guidelines.
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.