Skills
.Work. You
Rest

shadcn_ui-icon-button

Official

Add icon buttons with variants and states.

Software Engineering#customization#ui components#flutter#loading state#shadcn_ui#icon button
Authorserverpod
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you easily add and customize icon-only buttons within your Flutter application using the shadcn_ui library, ensuring a consistent and modern UI.

Core Features & Use Cases

  • Icon Buttons: Create buttons that display only an icon.
  • Variant Support: Utilize different button styles like primary, secondary, destructive, outline, and ghost.
  • Loading State: Visually indicate when an action is in progress.
  • Customization: Apply gradients and shadows for enhanced visual appeal.
  • Use Case: Add a "favorite" icon button to a product card, a "delete" icon button to a list item, or a "refresh" icon button to a data display.

Quick Start

Use the shadcn_ui-icon-button skill to create a primary icon button with a rocket icon.

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: shadcn_ui-icon-button
Download link: https://github.com/serverpod/skills-registry/archive/main.zip#shadcn-ui-icon-button

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 471,000+ vetted skills library on demand.