Webconsulting Branding
This skill generates brand concepts & messaging for your website, streamlining content and boosting online presence – a valuable tool for startups & businesses.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add webconsulting-branding npx -- -y @trustedskills/webconsulting-branding
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"webconsulting-branding": {
"command": "npx",
"args": [
"-y",
"@trustedskills/webconsulting-branding"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The Webconsulting Branding skill assists in developing a consistent brand identity and visual design system for websites. It defines elements like brand voice, color palettes (using Tailwind CSS classes), typography guidelines based on Hanken Grotesk font family, and semantic state colors (success, error, warning, info). The skill emphasizes adherence to these defined tokens when generating website content or frontend components using an MDX component architecture.
When to use it
- Creating a new website for a startup or business.
- Establishing consistent branding across existing web properties.
- Generating UI elements with pre-defined brand colors and typography.
- Developing documentation or style guides for web development teams.
- Ensuring visual consistency when creating interactive tabs within a website.
Key capabilities
- Brand Identity & Voice: Defines persona (Senior Solutions Architect), tone (clear, concise, authoritative), and language preferences (German/English).
- Visual Design Tokens: Provides pre-defined color palettes with Tailwind CSS classes for various usage scenarios (primary button, info callouts, success states).
- Typography Guidelines: Specifies font families (Hanken Grotesk) and weights for different text elements.
- Semantic State Colors: Defines colors for success, error, warning, and information states using Tailwind prefixes.
- MDX Component Architecture: Enforces the use of MDX components when generating website content.
Example prompts
- "Generate a primary button with the Webconsulting brand color."
- "Create an info callout message using the defined style guide."
- “Show me the Tailwind CSS class for a success state border.”
Tips & gotchas
- The skill requires adherence to the provided design tokens and MDX component architecture.
- Content generation should prioritize clarity, conciseness, and an authoritative tone, avoiding marketing jargon.
- Language is primarily German with technical documentation in English.
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.