Skills
.Work. You
Rest

amvcp-typo-foundation

Community

Set a responsive, semantic type foundation.

Design & Creative#typography#design tokens#ui design system#variable fonts#vertical rhythm#semantic hierarchy#fluid headings
AuthorEmasoft
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Foundation typography skills help you avoid inconsistent font sizes, broken hierarchy, and ad-hoc spacing by providing a token-driven type scale and semantic HTML contract for visual-communicator pages.

Core Features & Use Cases

  • Token-driven fluid type scale: defines a responsive clamp()-based sizing system anchored to DESIGN.md typography scales.
  • Semantic hierarchy out of the box: uses strict role-to-token mapping for headings, body, captions, and labels so authors never hardcode raw font sizes.
  • Variable-font readiness + rhythm: supports variable font weight/opsz tokens, vertical rhythm via spacing rules, and responsive fluid headings suitable for hero and slide contexts.
  • Fail-soft, theme-correct typography: produces consistent results across light/dark themes and degrades gracefully when optional engine keys are missing.

Quick Start

Embed the DESIGN.md typography block for fonts and scale, then apply semantic headings and paragraphs so the page uses the foundation tokens and fluid hierarchy automatically.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: amvcp-typo-foundation
Download link: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/archive/main.zip#amvcp-typo-foundation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.