Skills
.Work. You
Rest

designing-award-navigation

Community

Craft award-winning navigation and hero patterns.

Design & Creative#navigation#ui design#gsap#hero section#mobile menu#scroll indicator
Authoralexejluft
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures your web projects adhere to high-quality design standards for mobile navigation and hero sections, preventing common UI/UX pitfalls.

Core Features & Use Cases

  • Scroll Indicators: Implement subtle, effective scroll indicators for hero sections.
  • Mobile Navigation: Enforce clear open/close patterns for mobile menus, including accessibility best practices.
  • UI Rules: Provides specific guidance on positioning, animations, and user interaction for navigation elements.
  • Use Case: Ensure all full-screen hero sections have a scroll indicator and that mobile menus have a visible close button and keyboard accessibility.

Quick Start

Implement the scroll indicator pattern for the hero section of the current page.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: designing-award-navigation
Download link: https://github.com/alexejluft/brudi/archive/main.zip#designing-award-navigation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.