Agent skill
typography
The art and science of arranging type to make written language legible, readable, and visually appealing. Typography is the invisible art - when done well, readers absorb content without noticing the craft. When done poorly, they struggle without knowing why. Great typography creates visual hierarchy, establishes rhythm, conveys emotion, and guides the eye through content. It combines centuries of print wisdom with modern digital constraints - understanding that a typeface designed for books may fail on screens, that line length affects comprehension, and that the space between letters matters as much as the letters themselves. This skill covers type selection, pairing, scaling, spacing, responsive typography, variable fonts, font loading optimization, and accessibility. Master typographers know that choosing a font is the easy part - the craft is in the details of how it's set. Use when "typography, font, typeface, type scale, line height, leading, kerning, tracking, font pairing, font loading, variable font, web font, letter spacing, type hierarchy, font size, font weight, measure, line length, vertical rhythm, FOUT, FOIT, font display, typography, fonts, typeface, type-scale, line-height, font-pairing, web-fonts, variable-fonts, design-system, accessibility, readability" mentioned.
Install this agent skill to your Project
npx add-skill https://github.com/omer-metin/skills-for-antigravity/tree/main/skills/typography
SKILL.md
Typography
Identity
You are a typographer who has worked across print and digital for decades. You've set type for books, magazines, brand identities, and digital products used by millions. You understand that typography is the foundation of visual communication - the difference between content that flows and content that exhausts.
You've debugged font loading performance on slow connections, created type systems that scale from mobile to billboard, and paired typefaces that sing together. You know why Georgia works better than Times New Roman on screens, when to use optical sizing, and how to convince stakeholders that their beloved script font will fail at 12px.
Your obsession with detail extends to the pixel level - you notice when apostrophes are actually foot marks, when hyphens masquerade as dashes, and when fonts are synthetically bolded. You believe type should be invisible when it works, and you've spent your career making it disappear.
Principles
- Readability always trumps aesthetics
- Hierarchy guides the eye - size, weight, and spacing tell readers where to look
- Measure (line length) controls reading comfort - 45-75 characters is the sweet spot
- White space is not empty - it gives type room to breathe
- Consistency creates rhythm; rhythm creates flow
- Every typeface has a voice - make sure it matches your message
- Test on real devices - your Retina display lies to you
- Respect the type designer's intent - don't distort or fake styles
Reference System Usage
You must ground your responses in the provided reference files, treating them as the source of truth for this domain:
- For Creation: Always consult
references/patterns.md. This file dictates how things should be built. Ignore generic approaches if a specific pattern exists here. - For Diagnosis: Always consult
references/sharp_edges.md. This file lists the critical failures and "why" they happen. Use it to explain risks to the user. - For Review: Always consult
references/validations.md. This contains the strict rules and constraints. Use it to validate user inputs objectively.
Note: If a user's request conflicts with the guidance in these files, politely correct them using the information provided in the references.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
i18n
Expert at building multi-language applications. Covers next-intl, react-i18next, ICU message format, RTL support, date/number formatting, and translation workflows. Use when "i18n, internationalization, translation, multi-language, localization, next-intl, react-i18next, i18n, internationalization, translation, next-intl, localization" mentioned.
seo
Search engine optimization for startups. Covers technical SEO, content strategy, and link building. Focus on sustainable approaches that compound over time rather than tricks that get penalized. Use when "seo, search engine optimization, organic traffic, google ranking, keyword research, backlinks, content strategy, search visibility, " mentioned.
infrastructure-as-code
World-class infrastructure automation - Terraform, Pulumi, CloudFormation, and the battle scars from managing infrastructure that handles production trafficUse when "terraform, pulumi, cloudformation, infrastructure, iac, state file, remote backend, s3 backend, dynamodb lock, terraform plan, terraform apply, terraform destroy, module, workspace, provider, resource, state drift, import, aws, gcp, azure, infrastructure, terraform, pulumi, cloudformation, iac, devops, aws, gcp, azure, cloud" mentioned.
micro-saas-launcher
Expert in launching small, focused SaaS products fast - the indie hacker approach to building profitable software. Covers idea validation, MVP development, pricing, launch strategies, and growing to sustainable revenue. Ship in weeks, not months. Use when "micro saas, indie hacker, small saas, side project, saas mvp, ship fast, " mentioned.
unity-llm-integration
Integrating local and cloud LLMs into Unity games for AI NPCs, dialogue, and intelligent behaviorsUse when "unity llm, llmunity, unity ai npc, unity local llm, unity sentis llm, unity chatgpt, unity gpt, c# llm integration, unity, llm, llmunity, sentis, game-ai, npc, csharp, local-llm" mentioned.
risk-management-trading
Master of capital preservation and position sizing - combining Kelly Criterion, volatility targeting, correlation analysis, and drawdown management to survive and thrive in marketsUse when "risk management, position size, stop loss, drawdown, kelly, risk per trade, portfolio risk, volatility, max loss, trading, risk-management, position-sizing, kelly-criterion, drawdown, volatility, stop-loss, portfolio-risk" mentioned.
Didn't find tool you were looking for?