Brand Guidelines
Ensures frontend code adheres to davepoon's brand guidelines, automatically checking styling, accessibility, and component usage.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add davepoon-brand-guidelines npx -- -y @trustedskills/davepoon-brand-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"davepoon-brand-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/davepoon-brand-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides AI agents with Dave Poon’s specific design system and branding rules. It enables consistent frontend development by enforcing typography, color palettes, and layout standards defined in his buildwithclaude framework.
When to use it
- Generating React or Vue components that strictly adhere to Dave Poon's visual identity.
- Ensuring new feature implementations match the existing aesthetic of a specific project using these guidelines.
- Creating documentation or mockups that align with established brand assets.
- Automating UI generation tasks where design consistency is critical for user experience.
Key capabilities
- Access to predefined color schemes and typography rules.
- Enforcement of layout constraints and spacing standards.
- Integration of specific iconography and asset usage protocols.
- Contextual awareness of the
buildwithclaudefrontend architecture.
Example prompts
- "Generate a landing page hero section using Dave Poon's brand guidelines for a SaaS product."
- "Create a navigation bar component that follows the typography and spacing rules from the brand-guidelines skill."
- "Refactor this existing React component to ensure it strictly complies with the established color palette and layout standards."
Tips & gotchas
- This skill is specific to Dave Poon's ecosystem; it may not apply to generic or unrelated frontend projects.
- Ensure your project context includes access to the necessary design assets referenced in the guidelines for full effectiveness.
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.