← 返回 Skills 市场
ckchzh

Header

作者 BytesAgain2 · GitHub ↗ · v1.0.0 · MIT-0
cross-platform ✓ 安全检测通过
164
总下载
0
收藏
2
当前安装
1
版本数
在 OpenClaw 中安装
/install header
功能描述
Header design reference — navigation patterns, sticky headers, responsive menus, accessibility. Use when designing website headers or implementing navigation...
使用说明 (SKILL.md)

Header — Web Header & Navigation Design Reference

Quick-reference skill for designing and implementing web page headers, navigation bars, and responsive menu systems.

When to Use

  • Designing a website header with primary navigation
  • Implementing sticky/fixed header behavior with scroll effects
  • Building responsive hamburger menus and mobile navigation
  • Making headers accessible with proper ARIA roles
  • Choosing the right navigation pattern for the site type

Commands

intro

scripts/script.sh intro

Overview of header design — purpose, anatomy, and core principles.

patterns

scripts/script.sh patterns

Navigation patterns — horizontal nav, mega menu, sidebar, breadcrumbs.

sticky

scripts/script.sh sticky

Sticky and fixed header techniques — scroll behavior, shrinking, reveal-on-scroll.

responsive

scripts/script.sh responsive

Responsive navigation — hamburger menus, off-canvas, priority+ pattern.

html

scripts/script.sh html

Semantic HTML for headers — proper landmarks, ARIA roles, skip navigation.

css

scripts/script.sh css

CSS patterns for headers — flexbox layouts, dropdowns, transitions.

accessibility

scripts/script.sh accessibility

Accessibility — keyboard navigation, focus management, screen reader support.

examples

scripts/script.sh examples

Real-world header examples and implementation patterns.

help

scripts/script.sh help

version

scripts/script.sh version

Configuration

Variable Description
HEADER_DIR Data directory (default: ~/.header/)

Powered by BytesAgain | bytesagain.com | [email protected]

安全使用建议
This skill appears to be a local, read-only design reference: it runs the included Bash script to print header/navigation guidance. Before installing or running, you can (1) inspect scripts/script.sh locally to confirm there are no network calls or file writes beyond what you expect, (2) if you are concerned about filesystem changes, run the script in a sandbox or with restricted permissions, and (3) note the optional HEADER_DIR configuration — verify whether the script uses that directory if you plan to set it. Overall the package is coherent with its stated purpose and does not request secrets or external downloads.
功能分析
Type: OpenClaw Skill Name: header Version: 1.0.0 The 'header' skill is a purely informational reference tool for web header and navigation design. All commands in 'scripts/script.sh' simply output static documentation, CSS/JS snippets, and accessibility guidelines to the console without performing any file system modifications, network requests, or sensitive data access.
能力评估
✓ Purpose & Capability
The name/description (header design reference) matches the behavior: SKILL.md invokes a local script that prints guidance for header/nav design. There are no unrelated binaries, cloud credentials, or surprising capabilities requested.
✓ Instruction Scope
Runtime instructions only run the included scripts/script.sh commands (intro, patterns, sticky, etc.). The script emits static documentation and example code; it does not reference network endpoints, other system config, or ask for broad context. SKILL.md mentions an optional HEADER_DIR config, but the provided script content shown does not read or write files or access other env vars.
✓ Install Mechanism
No install spec is provided (instruction-only skill with an included script), so nothing will be downloaded or extracted during install. The script is included in the package and runs locally.
✓ Credentials
The skill declares no required environment variables or credentials. The only configuration mentioned is HEADER_DIR (a local data dir); no secrets or unrelated service keys are requested.
✓ Persistence & Privilege
always is false and the skill does not request elevated or persistent platform privileges. It does not modify other skills or system-wide configs based on the provided files.
如何使用
  1. 确保已安装 OpenClaw（本地或 Docker 部署）
  2. 在对话框中输入安装命令：/install header
  3. 安装完成后，直接呼叫该 Skill 的名称或使用 /header 触发
  4. 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
publish v1.0.0
元数据
Slug header
版本 1.0.0
许可证 MIT-0
累计安装 2
当前安装数 2
历史版本数 1
常见问题

Header 是什么？

Header design reference — navigation patterns, sticky headers, responsive menus, accessibility. Use when designing website headers or implementing navigation... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 164 次。

如何安装 Header？

在 OpenClaw 或 Claude Code 对话框中运行命令「/install header」即可一键安装，无需额外配置。

Header 是免费的吗？

是的，Header 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。

Header 支持哪些平台？

Header 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。

谁开发了 Header？

由 BytesAgain2（@ckchzh）开发并维护，当前版本 v1.0.0。

推荐 Skills
self-improving agent
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Clau...
⬇ 463283 · by pskoett
Skill Vetter
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
⬇ 259410 · by spclaudehome
Polymarket
Query Polymarket prediction markets. Check odds, find trending markets, search events, track price movements.
⬇ 232503 · by joelchance
Self-Improving + Proactive Agent
Self-reflection + Self-criticism + Self-learning + Self-organizing memory. Agent evaluates its own work, catches mistakes, and improves permanently. Use when...
⬇ 200423 · by ivangdavila
Github
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
⬇ 191115 · by steipete
ontology
Typed knowledge graph for structured agent memory and composable skills. Use when creating/querying entities (Person, Project, Task, Event, Document), linkin...
⬇ 190156 · by oswalpalash

💬 留言讨论