Frontend Design
Helps with frontend development, design 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-design npx -- -y @trustedskills/davila7-frontend-design
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"davila7-frontend-design": {
"command": "npx",
"args": [
"-y",
"@trustedskills/davila7-frontend-design"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides frontend design capabilities, including creating responsive layouts, implementing UI components, and integrating design systems. It supports modern frameworks like React and Vue.js, ensuring clean, scalable code that aligns with current web standards.
When to use it
- You need to build a user interface for a new web application.
- You want to implement a consistent design system across multiple pages or components.
- Your project requires responsive layouts that work on both desktop and mobile devices.
- You're looking to streamline frontend development with reusable UI elements.
Key capabilities
- Responsive layout creation
- Integration with React and Vue.js frameworks
- Design system implementation
- Modern CSS practices (e.g., Flexbox, Grid)
Example prompts
- "Create a responsive navigation bar using React."
- "Implement a card component that works on mobile and desktop."
- "Design a login form with validation and styling."
Tips & gotchas
- Ensure your project setup includes the necessary frontend frameworks (e.g., React or Vue.js) before using this skill.
- While it supports modern practices, custom design requirements may need manual adjustments for specific branding or accessibility needs.
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.