Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From lieflat-html-design
Routes user requests to the correct Lieflat HTML design skill: horizontal deck, Xiaohongshu longform card, or Xiaohongshu cover card. Use when the user wants a polished HTML visual but hasn't specified the format.
How this skill is triggered — by the user, by Claude, or both
Slash command
/lieflat-html-design:lieflat-html-designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
This is the routing skill for the Lieflat HTML Design collection. It does not contain the production templates itself. Use it to identify the delivery surface, then load the appropriate sibling skill:
This is the routing skill for the Lieflat HTML Design collection. It does not contain the production templates itself. Use it to identify the delivery surface, then load the appropriate sibling skill:
lieflat-html-deck for horizontal HTML presentations / PPT-style decks.lieflat-xhs-longform for Xiaohongshu / 小红书 readable longform vertical cards.lieflat-xhs-cover for Xiaohongshu / 小红书 cover or first-image title cards.| User asks for | Use |
|---|---|
| PPT, slides, presentation, deck, 演示, 横向翻页, strategy deck, brand manual, portfolio deck | lieflat-html-deck |
| 小红书长文, 小红书图文长图, longform card, readable vertical article image, 竖图文章 | lieflat-xhs-longform |
| 小红书封面, 首图, title card, cover, 第一张图, thumbnail | lieflat-xhs-cover |
If the user asks for a complete Xiaohongshu post with both cover and body card, use lieflat-xhs-cover for the first image and lieflat-xhs-longform for the reading card. Keep their visual family aligned, but do not merge the two formats into one artifact.
If the request is ambiguous, ask at most one clarifying question. If the likely intent is clear from context, choose decisively and state the assumption.
Chinese style names are valid. Do not force users to know template IDs.
Examples:
用日光风格做一份中文演示。
用点阵编辑风做一张小红书封面。
用咨询报告风格做一张小红书长文图。
After routing, follow the target skill's own SKILL.md and style-understanding reference.
npx claudepluginhub larashero3-dotcom/lieflat-html-designCreates polished horizontal HTML presentation decks from 12 Lieflat style families. Use for strategy decks, brand manuals, portfolios, and visual essays.
Guides intentional palette, typography, and layout design for self-contained HTML artifacts (landing pages, static docs, dashboards, demos, mockups) while avoiding template/AI-style design. Active when user requests standalone HTML creation or UX comparison; not for in-app component or backend work.
Creates high-fidelity HTML designs, interactive prototypes, slide decks, landing pages, UI mockups, and animations. Uses browser automation for visual verification.