Skills
.Work. You
Rest

button-unification

Community

Unified button sizing & styling.

Software Engineering#ui#consistency#react#next.js#button
Authordeomiarn
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Creates consistent button heights, padding, and transitions across all variants to ensure a cohesive UI.

Core Features & Use Cases

  • Unified Heights & Padding: Standard sizes for default, small, large, and icon buttons.
  • Typography & Transitions: Consistent font size and hover/active transitions.
  • Link Buttons: Ensure proper Next.js Link wrapping with asChild for navigation.

Quick Start

Refactor button.tsx to implement unified variants and wrap navigation links with Link using the asChild pattern.

Dependency Matrix

Required Modules

None required

Components

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: button-unification
Download link: https://github.com/deomiarn/website-template/archive/main.zip#button-unification

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