Generate editorial-style HTML/CSS information cards embedded directly in Markdown.
npx skills add https://github.com/XCmiaow/cc-deploy --skill infocard-xcmiaow
Please help me install this Agent Skill. Skill: infocard Source: https://github.com/XCmiaow/cc-deploy/tree/main/skills/infocard Command: npx skills add https://github.com/XCmiaow/cc-deploy --skill infocard-xcmiaow
This Skill solves the problem of turning raw notes into clear, magazine-quality information cards without messy manual HTML/CSS formatting.
Example use case: You summarize a technical concept with a few key points and want it presented as a single high-signal card with a clear hierarchy, matching typography and color tone to the topic.
Use this Skill to generate an info card from your notes by instructing the assistant to embed the card as direct HTML inside your Markdown, selecting a layout and style based on the content’s density and mood.
High-intent search queries and answers about installing and using this skill.
To turn markdown notes into styled HTML information cards, this Skill generates editorial-style markup embedded directly in your markdown, applying typography and CSS palettes based on content density and mood to produce magazine-quality layouts.
Yes, you can embed HTML info cards directly in markdown without fenced code blocks. This Skill uses continuous un-fenced HTML embedding to ensure the editorial card markup renders properly within an HTML-capable markdown workflow.
The best way to format content summaries into editorial-style cards is to use density-aware layout guidance, which selects academic, corporate, or news style templates and applies matching typography to create a single high-signal structured card.
Mood and content density affect information design by guiding the selection of CSS palettes and structural layouts. The Skill analyzes your raw notes' structural type and emotional tone to override or apply proven style templates automatically.
No, you do not need separate CSS files to use these editorial HTML info cards. The Skill embeds all necessary HTML and CSS directly within the markdown document, creating a self-contained layout without manual formatting setup.
Un-fenced HTML embedding is used instead of standard markdown code blocks because fenced blocks display raw code rather than rendering it. Direct embedding ensures the editorial CSS and HTML layouts render as visual information cards.
EisonMeConvert raw content or summaries into mobile-friendly newspaper-style HTML and PNG images.
ddttomConvert notebooks into presentation-ready markdown with embedded HTML and EDS blocks.
zzafergokConvert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.
ScaleAcademyGenerate HTML visual spec cards from brand-research-brief.json for AI image generation.
