coui-join
OfficialVisually connect UI elements.
Authorcoco-de
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the creation of visually unified UI elements by grouping them together, sharing borders, and eliminating separators, which is crucial for intuitive user interfaces.
Core Features & Use Cases
- Button Groups: Combine multiple buttons into a single, cohesive unit for toolbars or action sets.
- Input-Button Combinations: Seamlessly integrate input fields with adjacent buttons (e.g., search bars).
- Layout Consistency: Ensures elements like pagination controls or segmented controls maintain a clean, connected appearance.
- Use Case: Create a horizontal group of formatting buttons (bold, italic, underline) that appear as a single control in a rich text editor.
Quick Start
Use the coui-join skill to create a horizontal button group with three icon buttons for bold, italic, and underline.
Dependency Matrix
Required Modules
None requiredComponents
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-join Download link: https://github.com/coco-de/skills/archive/main.zip#coui-join Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.