🎞️
FrontendHTML

Minimal Arrow-Key Keynote

by nexu-io

Minimal Arrow-Key Keynote is a Frontend skill for Claude Code, published by nexu-io in html-anything.

8.3K stars810 forkson nexu-io/html-anythingAdded 2026/08/15+1% in starsRepository updated 2026/08/11
View source on GitHubDownload repo ZIP
agent-skillsagenticai-agentsai-designai-editorbyokclaudeclaude-codeclaude-skillscoding-agentsgenerative-aihtmlhtml-editorhyperframeslocal-firstmarkdownnextjsvibe-codingwechatxiaohongshu
Install in seconds
Install Minimal Arrow-Key Keynote
Copy Minimal Arrow-Key Keynote into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-dir-key-nav ~/.claude/skills/deck-dir-key-nav

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/nexu-io/html-anything.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
next/src/lib/templates/skills/deck-dir-key-nav/SKILL.md in nexu-io/html-anything
Installs to
~/.claude/skills/deck-dir-key-nav
Collection
One of 25 skills cataloged from this repository
Category
Frontend — 567 skills

What Minimal Arrow-Key Keynote does

Minimal Arrow-Key Keynote builds a minimal HTML slide deck with monochrome backgrounds, 160px display headings, 4px accent lines, and mono arrow-prefixed lists. Use it when you need a distraction-free presentation navigable via left/right arrow keys.

Minimal Arrow-Key Keynote is cataloged under Frontend on DirSkills. Minimal Arrow-Key Keynote comes from a repository tagged agent-skills, agentic, ai-agents, ai-design and ai-editor.

Documentation

README

【模板: 极简方向键 Keynote】 【意图】“有话要说但没什么可看” 的极简 keynote。 【布局】

  • 页数由【用户内容】决定 (短内容 8 页起步, 长内容应更多); 每页单色背景, 从下列调色板里循环选取 (靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭), 同色可复用
  • 160px display 标题 + 4px 短粗 accent 线
  • 箭头 → 前缀的 Mono 列表
  • 左下 ← → kbd 提示 + 右下页码

Frequently asked about Minimal Arrow-Key Keynote

  • What else does nexu-io publish alongside Minimal Arrow-Key Keynote?

    Minimal Arrow-Key Keynote is one of 25 skills that DirSkills catalogs from nexu-io/html-anything, the repository it ships in. Its siblings there include Article Magazine, Blog Post and Competitive Teardown. Each one is a separate skill with its own page in this directory, installs the same way Minimal Arrow-Key Keynote does, and is maintained by nexu-io in that same repository. The rest of the collection is listed on the nexu-io/html-anything page.

  • How does Minimal Arrow-Key Keynote compare to other Frontend skills?

    Minimal Arrow-Key Keynote ranks #112 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Minimal Arrow-Key Keynote against them. Open each page to compare what they document and how they install.

More from nexu-io/html-anything

Minimal Arrow-Key Keynote is one of 25 skills cataloged on DirSkills from nexu-io/html-anything.

See all 25 skills →
📰
2w ago

Article Magazine

Article Magazine provides a magazine-style HTML template for long-form articles, suited for publishing on blogs, WeChat, and newsletters. It includes hero sections, serif headings, styled quotes, code blocks, and custom bullets.
Frontend
8.3K810
📰
2w ago

Blog Post

Blog Post provides a magazine-style long-form article template with masthead, hero, figures, pull quotes, and author byline. Use it when you need a polished editorial layout for articles over 600 words.
Frontend
8.3K810
📊
2w ago

Competitive Teardown

Competitive Teardown turns competitor research into a product decision report with a positioning map, feature matrix, pricing comparison, and opportunity windows. Use it when you have materials on 2-6 competitors and need actionable product strategy, not a generic article.
Data
8.3K810
🎓
2w ago

Course Module Deck

Course Module Deck generates an HTML course or training deck with a warm paper background, Playfair serif typography, persistent learning objectives on the left, concept pages, MCQ self-test pages, and a wrap-up with next module preview.
Frontend
8.3K810
📊
2w ago

Dashboard

Dashboard builds a standard admin/analytics single-page layout with a fixed left sidebar, top bar, KPI card grid, one or two main charts, and a recent activity list.
Frontend
8.3K810
📊
2w ago

Data Report

Data Report converts CSV, Excel, or JSON data into a polished visual report page with KPI cards, charts, tables, and insights. Use it when you need to turn raw data into a shareable HTML report.
Data
8.3K810

More Frontend skills

Minimal Arrow-Key Keynote is one of 567 Frontend skills cataloged on DirSkills, ranked #112 by stars among them.

Browse all Frontend skills →
🅰️
3w ago

Angular Developer

Angular Developer generates Angular code and provides architectural guidance for Angular projects. Use it for creating projects, components, or services, or for best practices on reactivity, forms, DI, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.
Frontend
239.8K36.4K
🏗️
3w ago

Android Clean Architecture

Android Clean Architecture provides patterns for structuring Android and Kotlin Multiplatform projects, covering module boundaries, UseCases, Repositories, and data layer with Room, SQLDelight, and Ktor. Use it when setting up layered architecture in Android or KMP projects.
Frontend
239.8K36.4K
♿
3w ago

Accessibility

Accessibility helps design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards for keyboard, contrast, and screen-reader support. Use it when building or auditing UI that must meet WCAG 2.2 Level AA or reviewing changes for accessibility.
Frontend
239.8K36.4K