ui-potion-consumer

Official

Turn UI Potion guides into working UI.

AuthoruiPotion
Version1.0.0
Installs0

System Documentation

What problem does it solve?

UI Potion consumer helps teams discover and apply UI Potion guides, load JSON specifications, and adapt them to their project's framework and styling system.

Core Features & Use Cases

  • Discover and interpret UI Potion guides and manifests.
  • Load JSON specs and map them to the project's framework and styling conventions.
  • Adapt guides to the project's tokens and conventions, producing implementation notes or templates for the target stack.
  • Use Case: When a user requests a UI component, layout, or feature or provides a UI Potion URL, this skill fetches and applies the appropriate guide.

Quick Start

Provide a UI Potion URL or ID to fetch a guide, then instruct the AI to adapt it to your framework and styling system.

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: ui-potion-consumer
Download link: https://github.com/uiPotion/uipotion/archive/main.zip#ui-potion-consumer

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.