Skills
.Work. You
Rest

coui-navigation-bar

Official

Build navigation bars with CoUI.

Software Engineering#web development#ui components#flutter#coui#navigation bar#tab bar
Authorcoco-de
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of navigation bars for both Flutter mobile applications and web interfaces using the CoUI framework, ensuring consistent UI patterns.

Core Features & Use Cases

  • Flexible Navigation: Implement bottom navigation bars and tab bars for primary app sections.
  • Customizable Appearance: Supports filled and outlined variants, with options to show or hide labels.
  • Cross-Platform Consistency: Provides a unified API for both Flutter and Web development.
  • Use Case: Quickly generate a standard mobile app bottom navigation bar with home, search, and profile icons and labels.

Quick Start

Use the coui-navigation-bar skill to create a basic filled bottom navigation bar with three items: Home, Search, and Profile.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: coui-navigation-bar
Download link: https://github.com/coco-de/skills/archive/main.zip#coui-navigation-bar

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.