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 liuchiawei-frontend-dev-guidelines npx -- -y @trustedskills/liuchiawei-frontend-dev-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"liuchiawei-frontend-dev-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/liuchiawei-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 authored by liuchiawei. It aims to offer structured advice and best practices for building user interfaces, likely covering aspects of code style, component design, and accessibility. The skill is designed to be easily integrated into AI agent workflows for consistent and high-quality frontend development.
When to use it
- When needing a standardized approach to frontend coding within a project.
- For onboarding new developers or ensuring consistency across a team.
- To improve the quality and maintainability of existing frontend codebases.
- During code reviews to enforce established guidelines.
Key capabilities
- Provides frontend development guidance.
- Authored by liuchiawei.
- Offers structured advice for UI development.
Example prompts
- "What are your recommendations for component styling?"
- "How should I handle accessibility considerations in my frontend code?"
- "Can you give me an example of a well-structured React component according to these guidelines?"
Tips & gotchas
The skill’s effectiveness relies on the user understanding and applying the provided guidance. Referencing specific sections or examples within the guidelines will likely yield more targeted 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.