amvcp-typo-editorial

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

Updated May 8, 2026
One-click install
npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-typo-editorial
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: amvcp-typo-editorial
Source: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/tree/main/skills/amvcp-typo-editorial
Command: npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-typo-editorial

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires scripts/amvcp-designmd.js, and includes references (resource) components.

What problem does it solve?

This Skill standardizes the visual styling of editorial typography roles so pages use a consistent publishing register for leads, drop caps, pull quotes, captions, and emphasis.

Core Features & Use Cases

  • Editorial typography register for common prose and metadata roles, including eyebrow/overline labels, lead paragraphs, drop caps, pull quotes, blockquotes, figures/captions, and badge/pill/chip typography.
  • Token-driven, light/dark-correct styling that relies on the DESIGN.md engine and VC theme variables rather than hardcoded colors.
  • Guidance for when and when not to use each editorial element, plus links to reference specs for implementation details.

Quick Start

Use the amvcp-typo-editorial skill when you want to add editorial elements like drop caps, pull quotes, and captions to a visual-communicator page with theme-correct typography.

Frequently Asked Questions about amvcp-typo-editorial

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

FAQPage Schema
How do I apply consistent editorial typography like drop caps and pull quotes in HTML?

Editorial typography elements like drop caps, pull quotes, and lead paragraphs are applied by enforcing typography contracts via utility classes and design tokens. This ensures a consistent publishing register across visual-communicator pages.

What is the best way to style figure captions and blockquotes using design tokens?

Styling figure captions and blockquotes with design tokens involves using theme-safe CSS behaviors rather than hardcoded colors. This approach relies on token-driven variables to maintain correct light and dark theme rendering.

Does editorial typography styling work with light and dark theming?

Yes, editorial typography styling works with light and dark theming by relying on theme variables instead of hardcoded colors. This token-driven method ensures text elements remain visually correct across different theme modes.

Do I need the DESIGN.md engine to generate theme-safe editorial typography?

Yes, you need the DESIGN.md engine script to be present to generate theme-safe editorial typography. The Skill requires this dependency to enforce typography contracts and apply token-driven CSS behaviors correctly.

When should I avoid using drop caps and pull quotes in web page design?

You should avoid using drop caps and pull quotes when authoring non-editorial content, as the styling register targets visual-communicator pages. The included guidance specifies when not to use these elements to maintain content clarity.

Can I style badge and pill typography components for light and dark modes?

Yes, you can style badge, pill, and chip typography for light and dark modes. The Skill applies token-driven styling that adapts to theme variables, ensuring these metadata roles display correctly without manual color adjustments.