UXscii Component Viewer
CommunityInstantly inspect UXscii component details.
Authoradilkalam
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Understanding the full details of a UI component—its properties, states, accessibility, and visual representation—can be time-consuming, requiring manual file inspection across multiple locations. This Skill provides an instant, comprehensive, and interactive view of any UXscii component, streamlining the design and development workflow.
Core Features & Use Cases
- Detailed Component Overview: Displays all critical information including metadata, states, props, accessibility attributes, and ASCII previews in a clean, scannable format.
- Prioritized Search & Lookup: Automatically searches project components, user library, and bundled templates in a smart, prioritized order, stopping at the first match for efficiency.
- Contextual Actions: Offers relevant follow-up actions after viewing, such as copying bundled templates to your project, editing existing components, or browsing the full component library.
- Use Case: You encounter an unfamiliar button in a project and need to quickly understand its configurable properties and available states. Use this Skill to instantly pull up all its details, including an ASCII preview, without opening any files, and then decide if you want to edit or reuse it.
Quick Start
Show me the details for the 'primary-button' component.
Dependency Matrix
Required Modules
None requiredComponents
references
đź’» 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: UXscii Component Viewer Download link: https://github.com/adilkalam/orca-os/archive/main.zip#uxscii-component-viewer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.