固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图
deck-simple
deck-simple is an open-source frontend skill for Claude Code and compatible agents, published by nexu-io. Its author describes it as: “通用 horizontal-swipe HTML deck, 不要 magazine 调”. 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-simple`.
What deck-simple does
【模板: Simple Deck】 【意图】干净通用的 horizontal-swipe deck (pitch / overview / study)。 【布局】 - Cover + N 个 content 页 + 收尾 (N 由【用户内容】长度决定, 完整覆盖每个要点; 短内容 6-10 起步, 长内容应更多) - 每页一个核心信息 + 1 张图 / 1 个图表 - 顶部 progress bar 【设计细节】 - 键盘 ← / → 切换 + hash 同步
Installation
Add deck-simple to your agent with:
git clone https://github.com/nexu-io/html-anything ~/.claude/skills/deck-simple 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-simple 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)
Topics
Frequently asked questions
- What does deck-simple do?
- 通用 horizontal-swipe HTML deck, 不要 magazine 调
- How do I install deck-simple?
- Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/deck-simple in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
- Is deck-simple free to use?
- Yes. deck-simple 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-simple come from?
- deck-simple 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 箭头列表
暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA