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.