Updated 5mo ago
by larashero3-dotcom
lieflat-html-design
Agent-ready HTML design skill collection for decks and Xiaohongshu cards
93 GitHub stars (93)
+6 in 30 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | 0 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | 0 |
| Oct 17 | +1 |
| Oct 18 | 0 |
| Oct 19 | 0 |
| Oct 20 | 0 |
| Oct 21 | 0 |
| Oct 22 | 0 |
| Oct 23 | +1 |
| Oct 24 | 0 |
| Oct 25 | +1 |
| Oct 26 | +1 |
| Oct 27 | 0 |
| Oct 28 | 0 |
| Oct 29 | 0 |
| Oct 30 | 0 |
| Oct 31 | 0 |
| Nov 1 | 0 |
| Nov 2 | 0 |
| Nov 3 | +2 |
| Nov 4 | 0 |
| Nov 5 | 0 |
| Nov 6 | 0 |
- 4 skills (4 skills found in its SKILL.md files)
- 3 forks (3 forks)
- 5mo ago last update (Last updated 5mo ago)
Install
Skills CLI
npx skills add larashero3-dotcom/lieflat-html-design
Asks which skills and agents to install. Just one: npx skills add larashero3-dotcom/lieflat-html-design --skill lieflat-html-deck — add -g for every project.
Claude Code
git clone https://github.com/larashero3-dotcom/lieflat-html-designcp -r "lieflat-html-design/skills/lieflat-html-deck" ~/.claude/skills/
Copies the lieflat-html-deck skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add larashero3-dotcom/lieflat-html-design
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
lieflat-html-deck
Create polished horizontal HTML presentation decks from the Lieflat deck style pack. Use for HTML/PPT-style slides, strategy decks, AI or product analysis decks, creator brand manuals, portfolios, visual essays, and WebGL/canvas presentation decks. Contains 12 deck style families with fixed-template starters and style-understanding guidance.
skills/lieflat-html-deck/ on GitHub (opens in a new tab)SKILL.md -
lieflat-html-design
Route a user's request to the right Lieflat HTML Design skill. Use when the user asks for a polished HTML visual artifact but has not clearly chosen between a horizontal HTML deck, Xiaohongshu longform article card, or Xiaohongshu cover/first-image card.
skills/lieflat-html-design/ on GitHub (opens in a new tab)SKILL.md -
lieflat-xhs-cover
Create Xiaohongshu/小红书 cover or first-image title cards from the Lieflat style pack. Use for 3:4 social covers, title-first cards, post openers, AI/product/brand topic covers, and Chinese social thumbnails. Contains 11 cover style families.
skills/lieflat-xhs-cover/ on GitHub (opens in a new tab)SKILL.md -
lieflat-xhs-longform
Create Xiaohongshu/小红书 longform vertical article cards from the Lieflat style pack. Use for readable 3:5 long images, article-to-card conversion, product reviews, AI notes, brand essays, and collectible Chinese social reading cards. Contains 11 longform style families.
skills/lieflat-xhs-longform/ on GitHub (opens in a new tab)SKILL.md
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.