skills/design/typography/SKILL.md
Generate modular type scales, recommend font pairings by mood, create fluid responsive typography, and analyze text readability metrics.
npx skillsauth add 47network/Sven typographyInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Generate professional type systems with modular scales, font pairings, fluid responsive sizing, and readability analysis.
scale — Generate a modular type scale from base size and ratiopairing — Recommend a font pairing from moodreadability — Analyze text readability against typographic best practicesvertical_rhythm — Generate a vertical rhythm baseline systemcss_scale — Generate a full CSS custom property type scale{ action: "scale", ratio: "major-third" }{ action: "pairing", mood: "modern" }{ action: "readability", font_size_px: 14, line_height: 1.3, line_width_chars: 90 }design.typography: read (generates data, no side effects)development
Automated web testing advisor — generate Playwright test scripts, accessibility checks, and performance audits.
testing
Unified security posture reporting — combines SAST, dependency audit, secret scan, infrastructure scan, and pentest results into a single scored report with OWASP and SOC 2 compliance mapping, top risks, and remediation recommendations.
development
Detect hardcoded secrets, API keys, tokens, private keys, and credentials in source code and config files. 20 built-in patterns covering AWS, GitHub, Slack, Stripe, database URLs, JWTs, and more.
development
Static Application Security Testing — scan TypeScript/JavaScript source code for SQL injection, XSS, SSRF, path traversal, command injection, hardcoded secrets, insecure crypto, auth bypass, prototype pollution, and more. 14 built-in rules mapped to OWASP Top 10 and CWE.