mode-button-behavior
OfficialStreamline button interactions for intuitive design workflows.
Design & Creative#workflow management#user interface#state synchronization#design tools#ui interaction#button states
Authorbitovi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill clarifies the complex interaction behaviors of global mode buttons, component row buttons, and overlay toolbar buttons, simplifying the process of managing UI states during design and editing tasks.
Core Features & Use Cases
- Defines interaction behaviors for button states, colors, and tab visibility in various modes.
- Provides detailed workflows for placing, replacing, pasting, and setting ReactNode props within design applications.
- Use Case: A developer or designer can reference this Skill to understand how to coordinate button states and transitions to create a seamless editing experience in a component-based interface.
Quick Start
Review the button states, flow tables, and wiring between panel, overlay, and page interactions to implement or troubleshoot complex UI behavior.
Dependency Matrix
Required Modules
None requiredComponents
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: mode-button-behavior Download link: https://github.com/bitovi/vybit/archive/main.zip#mode-button-behavior 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 471,000+ vetted skills library on demand.