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 binjuhor-frontend-dev-guidelines npx -- -y @trustedskills/binjuhor-frontend-dev-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"binjuhor-frontend-dev-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/binjuhor-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 guidelines for frontend development, specifically tailored to the Shadcn/Laravels ecosystem. It helps ensure consistency and best practices across projects by offering standardized approaches to common tasks. The skill aims to improve developer experience and code quality within that environment.
When to use it
- When starting a new project using Shadcn/Laravel and needing initial development guidelines.
- During code reviews to enforce consistent coding standards.
- For onboarding new developers to a team already utilizing the Shadcn/Laravel stack.
- To refactor existing projects to align with best practices within the ecosystem.
Key capabilities
- Shadcn component usage guidelines
- Laravel integration recommendations
- Frontend development best practices
- Code style conventions
Example prompts
- "Generate a basic layout using Shadcn components and Laravel."
- "What are the recommended folder structures for a new project?"
- "Show me an example of how to use [specific Shadcn component] in my Laravel application."
Tips & gotchas
This skill is most effective when used within projects already utilizing Shadcn UI and Laravel. Familiarity with these technologies will enhance the utility of the provided 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.