Skills
.Work. You
Rest

coui-kbd

Official

Create keyboard key displays.

Design & Creative#UI#Flutter#shortcuts#keyboard#CoUI#Web
Authorcoco-de
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of visual representations for keyboard keys, shortcuts, and key combinations, enhancing user interfaces with clear and consistent key indicators.

Core Features & Use Cases

  • Keyboard Key Representation: Visually display single keys, key combinations, and Mac-style keys.
  • Cross-Platform Support: Works for both Flutter and Web applications using the CoUI library.
  • Use Case: When documenting keyboard shortcuts in an application's help section, use this Skill to generate clean, easily understandable key badges like 'Ctrl + C' or '⌘ K'.

Quick Start

Use the coui-kbd skill to create a keyboard key display for 'Ctrl + Shift + P'.

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

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.