Single-file horizontal-swipe HTML deck. Built by copying the seed `assets/template.html` (which carries the proven 5-rule iframe nav script) and pasting slide layouts from `references/layouts.md`. Pitch decks, product overviews, study material — when you don't need the magazine aesthetic of `magazine-web-ppt`.
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
Turns CSV, Excel, or JSON data into a polished visual report page.
Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).
Locked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.
| name | card-twitter |
| zh_name | Twitter 分享卡 |
| en_name | Twitter Share Card |
| emoji | 🐦 |
| description | Twitter quote or data card designed to pair with a post. |
| zh_description | 推特金句 / 数据卡, 适合配推文 |
| en_description | Twitter quote or data card designed to pair with a post. |
| category | card |
| scenario | marketing |
| aspect_hint | 1600×900 (16:9) |
| tags | ["twitter","x","quote","金句"] |
| example_id | sample-twitter-quote |
| example_name | 推特卡 · 金句 |
| example_format | text |
| example_tagline | 16:9 暗色金句卡, 截图直接配推文 |
| example_desc | 高对比金句模板, 含 grid 网格 + 渐变光晕背景 |
| od | {"mode":"prototype","surface":"web","platform":"desktop","scenario":"marketing","upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"Use the Twitter Share Card template to turn my content into a Twitter quote or data card designed to pair with a post. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.","example_prompt_i18n":{"zh-CN":"用「Twitter 分享卡」模板把我的内容做成一份「推特金句 / 数据卡, 适合配推文」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"}} |
【模板: Twitter 分享卡】
w-[1600px] h-[900px], 暗色 / 亮色二选一根据内容情绪。