lynx-ui-button

Create a minimal Button component exposing active state via render props.

115|10|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/lynx-family/lynx-ui --skill lynx-ui-button
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lynx-ui-button
Source: https://github.com/lynx-family/lynx-ui/tree/main/packages/lynx-ui-button
Command: npx skills add https://github.com/lynx-family/lynx-ui --skill lynx-ui-button

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about lynx-ui-button

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an unstyled React button with custom active state visuals?

An accessible React button exposes its active state via a render-prop, passing an active flag to children for dynamic UI updates. It handles onClick, disabled, and pressed states while shipping with no default styles.

Can I use this button component for a design system without overriding preset styles?

Yes, you can use this button component for a design system without overriding preset styles. It ships with no default background, border, or colors, allowing designers to craft any appearance while retaining built-in behavior.

How do I access the pressed state of an accessible button to trigger dynamic UI updates?

You access the pressed state of an accessible button to trigger dynamic UI updates by passing a render-prop function as children. The component passes an active flag to the render-prop for dynamic visual updates.

What is the best way to build a fully customizable interactive button for a game UI?

The best way to build a fully customizable interactive button for a game UI is using a minimal, behavior-focused component that exposes its active state via render props. This ensures precise visual control without enforcing styles.