← Back to Skills Marketplace
ckchzh

Header

by BytesAgain2 · GitHub ↗ · v1.0.0 · MIT-0
cross-platform ✓ Security Clean
164
Downloads
0
Stars
2
Active Installs
1
Versions
Install in OpenClaw
/install header
Description
Header design reference — navigation patterns, sticky headers, responsive menus, accessibility. Use when designing website headers or implementing navigation...
README (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]

Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
✓ 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.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install header
  3. After installation, invoke the skill by name or use /header
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
publish v1.0.0
Metadata
Slug header
Version 1.0.0
License MIT-0
All-time Installs 2
Active Installs 2
Total Versions 1
Frequently Asked Questions

What is Header?

Header design reference — navigation patterns, sticky headers, responsive menus, accessibility. Use when designing website headers or implementing navigation... It is an AI Agent Skill for Claude Code / OpenClaw, with 164 downloads so far.

How do I install Header?

Run "/install header" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is Header free?

Yes, Header is completely free, licensed under MIT-0. You can download, install and use it at no cost.

Which platforms does Header support?

Header is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created Header?

It is built and maintained by BytesAgain2 (@ckchzh); the current version is v1.0.0.

More 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

💬 Comments