固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图
deck-dir-key-nav
deck-dir-key-nav is an open-source frontend skill for Claude Code and compatible agents, published by nexu-io. Its author describes it as: “8 页单色背景, 160px display + 4px accent + Mono 箭头列表”. 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-dir-key-nav`.
What deck-dir-key-nav does
【模板: 极简方向键 Keynote】 【意图】“有话要说但没什么可看” 的极简 keynote。 【布局】 - 页数由【用户内容】决定 (短内容 8 页起步, 长内容应更多); 每页单色背景, 从下列调色板里循环选取 (靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭), 同色可复用 - 160px display 标题 + 4px 短粗 accent 线 - 箭头 → 前缀的 Mono 列表 - 左下 ← → kbd 提示 + 右下页码
Installation
Add deck-dir-key-nav to your agent with:
git clone https://github.com/nexu-io/html-anything ~/.claude/skills/deck-dir-key-nav 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-dir-key-nav 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-dir-key-nav do?
- 8 页单色背景, 160px display + 4px accent + Mono 箭头列表
- How do I install deck-dir-key-nav?
- Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/deck-dir-key-nav in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
- Is deck-dir-key-nav free to use?
- Yes. deck-dir-key-nav 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-dir-key-nav come from?
- deck-dir-key-nav 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 盒
暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA
Replit Slides 八套主题 (helix/holm/vance/bevel/world/atlas/bluehouse)