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 davila7-frontend-dev-guidelines npx -- -y @trustedskills/davila7-frontend-dev-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"davila7-frontend-dev-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/davila7-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 tailored for AI agents, focusing on best practices in code structure, performance optimization, and accessibility. It includes templates and recommendations for building responsive, maintainable user interfaces using modern web technologies.
When to use it
- When designing new UI components that require adherence to industry standards
- While optimizing the performance of a frontend application for faster load times
- During code reviews to ensure consistency with established frontend practices
Key capabilities
- Code structure and organization best practices
- Performance optimization techniques
- Accessibility guidelines for inclusive design
- Responsive design templates
Example prompts
- "Implement a responsive navigation bar following accessibility standards."
- "Optimize this React component for better performance."
- "Create a UI template that adheres to modern frontend development guidelines."
Tips & gotchas
- Ensure your project setup supports the technologies referenced in the guidelines.
- While the templates are helpful, they should be adapted to fit specific project requirements rather than used as-is.
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.