headerHeader design reference — navigation patterns, sticky headers, responsive menus, accessibility. Use when designing website headers or implementing navigation...
Install via ClawdBot CLI:
clawdbot install ckchzh/headerGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://bytesagain.comAudited Apr 17, 2026 · audit v1.0
Generated Apr 30, 2026
Redesign the header of an e-commerce site to improve navigation, add a sticky search bar, and implement a mega menu for product categories. This enhances user experience and increases conversion rates.
Implement an accessible header with proper ARIA landmarks, skip navigation, and keyboard support for a government website to meet WCAG 2.1 compliance.
Build a responsive header for a content-heavy blog that uses a hamburger menu on mobile and a horizontal nav on desktop, ensuring seamless navigation across devices.
Create a sticky header for a SaaS dashboard that shrinks on scroll and reveals user notifications, improving accessibility and space management.
Design a header for a restaurant site with a prominent 'Reserve a Table' button, mobile-friendly menu, and sticky behavior to drive bookings.
Web design agencies can offer header redesign as a standalone service or part of a larger website overhaul, charging per project or hourly.
Offer a library of reusable header components (e.g., with different navigation patterns) as a subscription for developers to integrate into their projects.
Provide free basic header templates and sell premium versions with advanced features like animations and ARIA support, generating revenue through one-time purchases or membership.
💬 Integration Tip
To integrate, source the shell scripts and run them in a Node.js environment or include the CSS patterns directly into your stylesheets.
Scored Apr 19, 2026
Display and control HTML content on connected Mac, iOS, or Android nodes via a web-based canvas with live reload and remote actions.
Generate Draw.io architecture diagrams, Mermaid diagrams, and Excalidraw sketches from structured specifications using the mcp-diagram-generator MCP server.
Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Palette three-dimension approach. Use whe...
Create software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams, sequence diagrams, flowcharts, ERDs, C4 architecture diagrams, state diagrams, git graphs, and other diagram types. Triggers include requests to diagram, visualize, model, map out, or show the flow of a system.
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind m...
Support design understanding from basic visuals to professional production and theory.