Unocss
Unocss provides a lightweight, unopinionated CSS-in-JS solution for rapid styling, boosting development speed and flexibility.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add hairyf-unocss npx -- -y @trustedskills/hairyf-unocss
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"hairyf-unocss": {
"command": "npx",
"args": [
"-y",
"@trustedskills/hairyf-unocss"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The unocss skill provides a utility for applying pre-defined CSS classes to text, enabling rapid styling and consistent design across various outputs. It leverages the Unocss framework to generate styles based on provided class names. This allows AI agents to quickly format text with specific visual characteristics without needing detailed CSS knowledge.
When to use it
- Generating formatted reports or documentation where a consistent look and feel is desired.
- Creating visually appealing presentations or marketing materials.
- Styling code snippets for improved readability in tutorials or examples.
- Rapid prototyping of user interfaces or web pages.
- Formatting emails with specific branding elements.
Key capabilities
- Applies Unocss CSS classes to text content.
- Provides a library of pre-defined styles.
- Offers consistent styling across different outputs.
- Simplifies the process of adding visual formatting.
Example prompts
- "Apply the 'text-lg font-bold' class to this paragraph: [paragraph text]"
- "Format this heading with the 'text-primary-500 underline' classes: [heading text]"
- "Style this code block using the 'bg-gray-100 p-4 rounded': [code block]"
Tips & gotchas
- Familiarity with Unocss class names is helpful to achieve desired styling. A reference of available classes may be needed initially.
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.