settings-ui-patterns
OfficialCraft intuitive OpenChamber settings UIs.
Authoropenchamber
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides clear guidelines and patterns for creating and modifying user interface components, styling, and visual elements specifically for the Settings sections within the OpenChamber application, ensuring consistency and usability.
Core Features & Use Cases
- UI Component Styling: Defines typography, layout, and spacing for settings pages and controls.
- Pattern Library: Offers reusable patterns for segmented buttons, radio lists, checkboxes, and input fields.
- Use Case: A developer needs to add a new section to OpenChamber's Appearance settings for font customization. This skill provides the exact CSS classes, spacing rules, and component examples to ensure the new controls match the existing UI perfectly.
Quick Start
Apply the 'typography-ui-label text-foreground' class to option labels within compact radio controls.
Dependency Matrix
Required Modules
None requiredComponents
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: settings-ui-patterns Download link: https://github.com/openchamber/openchamber/archive/main.zip#settings-ui-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.