shadcn_ui-button
OfficialStyle Flutter buttons with Shadcn UI.
Authorserverpod
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers quickly implement and customize buttons in Flutter applications using the Shadcn UI component library, ensuring consistent and visually appealing UI elements.
Core Features & Use Cases
- Variant Selection: Easily choose from multiple predefined button styles (primary, secondary, destructive, outline, ghost, link).
- Icon Integration: Add leading or trailing icons to buttons for enhanced clarity and user guidance.
- Loading States: Implement visual feedback for asynchronous operations by displaying a loading indicator within the button.
- Custom Styling: Apply gradients and shadows for unique button designs.
- Use Case: When adding a call-to-action button to a login form, use
ShadButton.primarywith an email icon and a loading state to provide a clear and interactive user experience.
Quick Start
Use the shadcn_ui-button skill to create a primary button with the text 'Submit' and a mail icon.
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: shadcn_ui-button Download link: https://github.com/serverpod/skills-registry/archive/main.zip#shadcn-ui-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 471,000+ vetted skills library on demand.