Brand Style
Ensures consistent branding across all content by analyzing & applying a defined brand style guide, boosting recognition and professionalism.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add brand-style npx -- -y @trustedskills/brand-style
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"brand-style": {
"command": "npx",
"args": [
"-y",
"@trustedskills/brand-style"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The Brand Style skill ensures consistent branding across content by analyzing and applying the Screenpipe brand style guide. It enforces rules regarding typography, color palettes (grayscale only), geometry (sharp corners, no rounded borders), component styling (buttons, cards, inputs, dialogs), motion/animation principles, and brand voice. This helps maintain a professional and recognizable visual identity.
When to use it
- Generating marketing copy that adheres to the Screenpipe brand guidelines.
- Creating UI elements for applications or websites based on the defined style guide.
- Reviewing existing content to ensure compliance with the established branding rules.
- Developing documentation or technical writing that reflects the brand's voice and tone.
- Designing components like buttons, cards, and inputs according to the specified design principles.
Key capabilities
- Typography Enforcement: Applies specific font stacks (Space Grotesk for headings, Crimson Text for body, IBM Plex Mono for code) and usage patterns (lowercase headings, uppercase buttons).
- Color Palette Adherence: Restricts color use to a grayscale palette with defined light and dark mode variations.
- Geometric Constraints: Enforces sharp corners and binary border styles (no gradients or shadows).
- Component Styling: Dictates styling rules for buttons, cards, inputs, and dialogs.
- Motion & Animation Guidelines: Applies principles of fast, minimal, and binary animations with specified durations.
- Brand Voice Application: Ensures content aligns with the lowercase, casual, direct, and developer-oriented brand voice.
Example prompts
- "Write a short description for a new feature using the Screenpipe brand style."
- "Generate HTML/CSS code for a button following the Screenpipe component guidelines."
- "Review this paragraph of text and suggest changes to align with the Screenpipe brand voice."
Tips & gotchas
- The skill strictly enforces the "no color" rule. Attempts to introduce other colors will be rejected.
- All corners must remain sharp; rounded borders are not permitted.
- The brand voice is technical but accessible, avoiding overly promotional language.
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.