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 zircote-frontend-dev-guidelines npx -- -y @trustedskills/zircote-frontend-dev-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"zircote-frontend-dev-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/zircote-frontend-dev-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill, zircote-frontend-dev-guidelines, provides a set of guidelines and best practices for front-end development. It aims to improve code quality, consistency, and maintainability within a project by enforcing specific coding standards. The skill can be used to review existing code or generate new code snippets adhering to these guidelines.
When to use it
- Code Review: Use the skill to automatically check your front-end codebase for adherence to established style guides.
- New Feature Development: Ensure newly written components and modules follow project conventions from the start.
- Onboarding New Developers: Quickly familiarize new team members with the project's coding standards.
- Refactoring Legacy Code: Apply consistent formatting and best practices during code refactoring efforts.
Key capabilities
- Enforces front-end development guidelines.
- Provides automated code review functionality.
- Supports consistency in coding style.
- Aids in maintaining code quality.
Example prompts
- "Review this React component for adherence to the project's frontend guidelines."
- "Generate a new Vue.js component following the established coding standards."
- "Check this JavaScript file for any violations of the front-end development guidelines."
Tips & gotchas
This skill requires familiarity with common front-end technologies like React, Vue.js, and JavaScript. The specific guidelines enforced will depend on the project's configuration; ensure you understand these before using the skill to avoid unexpected feedback.
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.