Skills
.Work. You
Rest

use-design-system/TextButton

Community

Style text buttons for UI actions.

Design & Creative#frontend#react#design system#ui components#text button
Authortokijh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a standardized and accessible way to implement text-based buttons within a design system, ensuring consistency and usability across different UI contexts.

Core Features & Use Cases

  • Variant Styles: Offers 'clear', 'underline', and 'arrow' variants for diverse interaction needs.
  • Size Scalability: Supports multiple font sizes from 'xsmall' to 'xxlarge' to match typographic scales.
  • Color Options: Includes 'primary', 'light', and 'dark' color schemes for theme integration.
  • Use Case: Use the 'arrow' variant to create clear calls to action like "Learn More" or "View Details" that guide users to additional content or navigation.

Quick Start

Use the TextButton component to render a clickable button with the text "Click Me".

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: use-design-system/TextButton
Download link: https://github.com/tokijh/minapp/archive/main.zip#use-design-system-textbutton

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.