skills.rest
Emasoft
EmasoftCOMMUNITY
Explore all skills by this author →
Website𝕏@fmuaddibGitHub

amvcp-typo-microtype

Apply microtypography enhancements to visual-communicator HTML pages.

Updated May 8, 2026
Search Tags:#hyphenation#microtypography#small caps#OpenType features#smart punctuation#tabular numerics
One-click install
npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-typo-microtype
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: amvcp-typo-microtype
Source: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/tree/main/skills/amvcp-typo-microtype
Command: npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-typo-microtype

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill fixes uneven, plain-looking typography in visual-communicator pages by applying editorial microtypography enhancements such as small caps, OpenType ligatures, smart punctuation, numeric alignment, and narrow-column line breaking.

Core Features & Use Cases

  • Small caps + acronym styling: Render acronyms and selected registers using small-caps utilities for a quieter, more professional look.
  • OpenType ligatures, fractions, and ordinals: Enable common ligatures by default while providing opt-in utilities for discretionary ligatures, auto-fractions, and ordinal styling.
  • Numeric polish: Use tabular numerics for stable alignment in spreadsheet-like columns and UI values.
  • Secondary-text registers: Provide consistent <sup>, <sub>, and footnote rendering with proper spacing and click-target sizing.
  • Smart punctuation + narrow-column readability: Use correct Unicode curly quotes, dashes, ellipses, and apply justification + hyphenation for narrow columns to eliminate ugly ragged text.

Quick Start

Use the skill when polishing a visual-communicator page by instructing the agent to apply microtype features like small caps, smart quotes/em-dashes/en-dashes, tabular numerics, and narrow-column justification with hyphenation.

Frequently Asked Questions about amvcp-typo-microtype

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply OpenType ligatures and small caps to HTML text?▼

OpenType ligatures and small caps are applied to HTML text using typography utilities that enable common ligatures by default and render acronyms in small-caps for a professional look.

What is the best way to align numbers in HTML table columns?▼

The best way to align numbers in HTML table columns is using tabular numerics, which provide stable numeric alignment for spreadsheet-like UI values and data layouts.

How do I fix ragged text in narrow HTML columns?▼

Ragged text in narrow HTML columns is fixed by applying justification combined with hyphenation, ensuring clean line breaking and improved readability in light or dark themed pages.

Do I need a specific HTML attribute to enable hyphenation and smart quotes?▼

Yes, enabling hyphenation and correct Unicode quote glyphs requires a valid html lang attribute on the page to ensure the typography engine processes language-specific rules correctly.

How do I convert straight quotes to smart curly punctuation in HTML?▼

Straight quotes are converted to smart curly punctuation, dashes, and ellipses using smart punctuation features that apply correct Unicode glyphs automatically across the visual-communicator HTML page.

Can I style superscript, subscript, and footnotes consistently in HTML?▼

Yes, superscript, subscript, and footnotes can be styled consistently using secondary-text registers that provide proper spacing and click-target sizing for accessible rendering.

Related Skills

Explore More Design & Creative Skills→
EmasoftEmasoft

amvcp-typo-i18n-print

Enforce BCP-47 language declarations and CJK typography for print-ready pages.

Community
Intermediate
nexu-ionexu-io
8.2k

resume-modern

Generate a one-page resume with a two-column A4 layout in Markdown or PDF.

Official
Intermediate
EmasoftEmasoft

amvcp-typo-editorial

Apply editorial typography roles to HTML pages using DESIGN.md tokens.

Community
Intermediate
vallafedericovallafederico

solid-styling

Guide styling SolidJS components with CSS Modules, Tailwind CSS, Sass/Less, and CSS-in-JS.

Community
Intermediate