Web Typography
Provides web development guidance and assistance for agent workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add web-typography npx -- -y @trustedskills/web-typography
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"web-typography": {
"command": "npx",
"args": [
"-y",
"@trustedskills/web-typography"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The web-typography skill enhances text presentation on websites by applying best practices in font selection, spacing, and layout. It ensures readability, visual appeal, and consistent styling across different devices and platforms.
When to use it
- Designing a website or landing page where typography plays a key role in user experience.
- Improving the legibility of long-form content such as articles or documentation.
- Ensuring cross-browser compatibility and responsiveness for text elements on a site.
Key capabilities
- Optimizes font pairing and hierarchy for better readability.
- Applies responsive typography techniques for mobile and desktop views.
- Ensures consistent styling across different platforms and browsers.
Example prompts
- "Optimize the typography for this blog post to improve readability."
- "Ensure that all headings on the homepage are styled consistently across devices."
- "Apply best practices in font sizing and spacing for a professional look."
Tips & gotchas
- Ensure that custom fonts used are properly hosted or linked, as missing fonts can break layout.
- Test typography changes across multiple browsers to confirm consistency.
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.