lynx-ui-button

Official

Unstyled, accessible Button with render-prop state.

Authorlynx-family
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Button skill provides a minimal, behavior-focused button component that exposes its active state to children via a render-prop, enabling highly customizable visuals without enforcing styles.

Core Features & Use Cases

  • Core behavior: handles onClick, disabled state, and an active (pressed) state.
  • Render-prop state exposure: passes an active flag to children for dynamic UI updates.
  • Full styling freedom: ships with no default background, border, or colors, letting designers craft any appearance.
  • Use Case: build fully customized interactive buttons in design systems or games that require precise visual control.

Quick Start

Provide a render-prop function as children to access the active state and render a custom button.

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: lynx-ui-button
Download link: https://github.com/lynx-family/lynx-ui/archive/main.zip#lynx-ui-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 223,000+ vetted skills library on demand.