Skills
.Work. You
Rest

magicpath

Community

Effortlessly discover, preview, and integrate MagicPath UI components into your projects.

Design & Creative#code generation#web design#ui components#component discovery#magicpath
Authortanglg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the problem of finding, previewing, and integrating MagicPath UI components into your projects, allowing for seamless design integration and code generation.

Core Features & Use Cases

  • Component Discovery: Search and browse through a vast library of MagicPath UI components.
  • Component Preview: Preview components before integrating them into your project.
  • Code Generation: Generate the necessary code to integrate components into your project.
  • Use Case: Imagine you need a specific input field for your project. Use this Skill to search for the appropriate MagicPath component, preview it, and generate the code to integrate it into your project.

Quick Start

Run npx -y magicpath-ai search "input field" to find the input field component, then run npx -y magicpath-ai view <generatedName> to preview it. Finally, run npx -y magicpath-ai add <generatedName> to generate the code and integrate the component into your project.

Dependency Matrix

Required Modules

node.js

Components

scriptsreferencesassets

💻 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: magicpath
Download link: https://github.com/tanglg/cms/archive/main.zip#magicpath

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 620,000+ vetted skills library on demand.