<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs
Devsly

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 4mo ago

by larashero3-dotcom

lieflat-html-design

Agent-ready HTML design skill collection for decks and Xiaohongshu cards

View on GitHub (opens in a new tab)

87 GitHub stars (87)

Steady at 87 stars — no new stars in the 16 days since Sep 30.

  • 4 skills (4 skills found in its SKILL.md files)
  • 3 forks (3 forks)
  • 4mo ago last update (Last updated 4mo 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/SKILL.md on GitHub (opens in a new tab)

  • 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/SKILL.md on GitHub (opens in a new tab)

  • 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/SKILL.md on GitHub (opens in a new tab)

  • 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/SKILL.md on GitHub (opens in a new tab)

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.