固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图
deck-xhs-white
deck-xhs-white is an open-source frontend skill for Claude Code and compatible agents, published by nexu-io. Its author describes it as: “纯白 + 顶部彩虹 bar + 渐变文字 + 马卡龙软卡片 + 黑底 pill”. The project has 8.3k stars on GitHub and is available under the Apache-2.0 license. Add it to your setup with `git clone https://github.com/nexu-io/html-anything ~/.claude/skills/deck-xhs-white`.
What deck-xhs-white does
【模板: 白底杂志风 Deck】 【意图】可同时发小红书图文与横版 PPT 双用的白底杂志风。 【布局】 - 纯白背景 + 顶部 10 色彩虹 bar - 80-110px display 标题 + 紫→蓝→绿→橙→粉渐变文字 - 马卡龙软卡片组 (粉 / 紫 / 蓝 / 绿 / 橙) - 黑底白字 .focus pill + 引用大块
Installation
Add deck-xhs-white to your agent with:
git clone https://github.com/nexu-io/html-anything ~/.claude/skills/deck-xhs-white Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for deck-xhs-white when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear Apache-2.0 license — safe to read and adapt
- Ships in nexu-io/html-anything, an established project with 8,336 GitHub stars
- Actively maintained (recent commits)
Things to check
- Sparse description in metadata — read the repository for full details
Topics
Frequently asked questions
- What does deck-xhs-white do?
- 纯白 + 顶部彩虹 bar + 渐变文字 + 马卡龙软卡片 + 黑底 pill
- How do I install deck-xhs-white?
- Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/deck-xhs-white in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
- Is deck-xhs-white free to use?
- Yes. deck-xhs-white is free and open source under the Apache-2.0 license, so you can read, run, and adapt it within that license's terms.
- Where does deck-xhs-white come from?
- deck-xhs-white ships inside nexu-io/html-anything, a repository that contains 41 catalogued skills in total. The repository's 8,336 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势
奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒
8 页单色背景, 160px display + 4px accent + Mono 箭头列表
电子杂志 × 电子墨水风, WebGL 流体背景 + 衬线 display