add-connect-button
CommunityAutomate the addition of a state-aware ConnectButton to profiles and cards.
Software Engineering#state management#UI component#connect button#connection feature#profile integration
Authorbuitrankimlong
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the process of adding a state-aware ConnectButton to profiles, cards, and headers, streamlining the integration of connection features into various surfaces.
Core Features & Use Cases
- State-aware ConnectButton: Automatically adds a ConnectButton with states like Connect, Pending, Accepted, and Blocked.
- Integration with Guards and Menus: Seamlessly integrates with useConnectionStatus guard and dropdown menus for Mute, Restrict, Disconnect, and Block actions.
- Use Case: When adding a ConnectButton to a new profile page, card, or header, this Skill ensures the correct integration and functionality after Phase 1-3 of the Connect Feature Plan are implemented.
Quick Start
Use the add-connect-button skill to add a ConnectButton to a new profile page.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: add-connect-button Download link: https://github.com/buitrankimlong/thongtincty/archive/main.zip#add-connect-button 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 620,000+ vetted skills library on demand.