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.