infocard

To convert Markdown into editorial HTML and CSS cards, you embed HTML directly in the document without fences. The skill processes the content and applies style families like Editorial Warm or Tech Blueprint to render self-contained information cards.

Designing information cards from Markdown is best handled by using predefined layout skeletons like Hero Card or Timeline. These templates automatically apply typographic hierarchy and mood-based color palettes to ensure consistent visual language for knowledge summaries.

You need YAML frontmatter containing a name and description to render HTML and CSS in Markdown. The skill validates this frontmatter before generating the editorial card, and it also supports optional scripts, references, and assets.

You can use tone sensing to adjust typography and color palettes in editorial cards. The skill features automatic mood and color palette selection alongside typographic hierarchy to maintain a consistent visual language across all generated cards.

The skill supports adding scripts, references, and assets to Markdown cards. It validates the required YAML frontmatter and ensures safe, self-contained rendering for on-demand use while embedding the HTML and CSS directly.

A limitation of embedding HTML directly in Markdown for card design is that content must conform to specific layout skeletons and style families. It requires valid YAML frontmatter and is restricted to safe, self-contained rendering without external dependencies.