Skills
.Work. You
Rest

use-design-system/BoardRow

Community

Expandable UI rows with accessibility.

Design & Creative#accessibility#react#design system#ui component#collapsible#accordion
Authortokijh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of interactive, expandable UI sections (like accordions or collapsible panels) that are accessible to all users.

Core Features & Use Cases

  • Accordion/Collapsible Panels: Implement elegant UI elements that can be expanded or collapsed.
  • Controlled & Uncontrolled Modes: Manage the open/closed state either internally or externally.
  • Accessibility: Automatically handles ARIA attributes for screen reader compatibility.
  • Use Case: Displaying FAQs on a website where each question can be expanded to reveal the answer, or organizing settings into collapsible sections.

Quick Start

Use the BoardRow component to create a collapsible section with the title "Frequently Asked Questions" and provide the answer content within.

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

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.