use-design-system/Result
CommunityDisplay results with custom states.
Authortokijh
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a standardized and visually appealing way to display various result states (success, error, empty, info) within an application, including custom icons and action buttons.
Core Features & Use Cases
- Variant-based States: Automatically provides default icons for success, error, empty, and info states.
- Customization: Allows for custom figures (icons/images) and action buttons to be embedded.
- Use Case: Displaying a "No results found" message with a search icon and a "Clear search" button, or confirming a successful submission with a "Go to dashboard" button.
Quick Start
Use the Result component to display a success message with a button to return to the home page.
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: use-design-system/Result Download link: https://github.com/tokijh/minapp/archive/main.zip#use-design-system-result 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.