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 hotriluan-frontend-dev-guidelines npx -- -y @trustedskills/hotriluan-frontend-dev-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"hotriluan-frontend-dev-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/hotriluan-frontend-dev-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides frontend development guidelines, likely for a specific project or codebase. It aims to enforce consistent coding standards and best practices within a team or individual developer workflow. The guidelines cover aspects of code style, component structure, and potentially accessibility considerations.
When to use it
- When onboarding new developers to a project requiring adherence to specific frontend conventions.
- To automatically format and lint existing codebase for consistency.
- During code reviews to ensure compliance with established standards.
- For automated checks in CI/CD pipelines to maintain code quality.
Key capabilities
- Code style enforcement
- Component structure guidelines
- Accessibility considerations (potentially)
- Linting and formatting support
Example prompts
- "Apply the frontend development guidelines to this React component."
- "Check this JavaScript file for compliance with the project's coding standards."
- “Generate a list of potential accessibility issues in this HTML.”
Tips & gotchas
The effectiveness of this skill depends on having well-defined and documented frontend development guidelines. Ensure these guidelines are clear and accessible to the AI agent for optimal results.
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.