Community画像github.com

magicpathai/magicpath

magicpath-ai CLI を通じて MagicPath の UI コンポーネントを検索、プレビュー、検査、インストール、作成、編集し、MagicPath スキルを管理します。

magicpath とは?

このスキルは、MagicPath プラットフォームと連携するための強力な CLI ツールを提供します。開発者は、UI コンポーネントのライブラリを効率的に管理し、React/TypeScript プロジェクトにコンポーネントをインストール・適応させることができます。主な機能として、コンポーネントの検索、プレビュー、インストール、作成、編集に加え、MagicPath スキルの CRUD 操作(作成、取得、更新、インポート、削除)をサポートします。また、GitHub/GitLab/Bitbucket などのリポジトリから UI をインポートし、MagicPath のプロジェクトキャンバス上で視覚的に作業することも可能です。このスキルは、Claude Code、Cursor、Codex などの AI エージェント対応ホスト上で動作し、特に埋め込みブラウザ機能を持つ環境では、共有 URL を介してキャンバスを開いたままにできるため、シームレスなワークフローを実現します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/magicpathai/agent-skills/tree/main/skills/magicpath

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

magicpath は何をしますか?

magicpath-ai CLI を通じて MagicPath の UI コンポーネントを検索、プレビュー、検査、インストール、作成、編集し、MagicPath スキルを管理します。MagicPath のリクエスト、デザイン/コンポーネント、個人またはチームプロジェクト、アクティブなキャンバスプロジェクトまたは選択されたコンポーネント/画像、テーマ/デザインシステム、ユーザー/チームスキル、チーム、メンバー、所有権、帰属、または誰が作業したか、インストール済みコンポーネントの監査、および共有/表示リンクに対してトリガーされます。また、両方のワークフロー方向に使用します。inspect/add を使用して MagicPath React/TypeScript コンポーネントをアプリにインストールし、プロダクションコードに適応させたり、code start/submit を使用してレスポンシブなインタラクティブキャンバスコンポーネントを作成/編集したり、skills コマンドグループを使用して MagicPath スキルを作成/取得/更新/インポート/削除したりします。ローカルパスまたは GitHub/GitLab/Bitbucket リポジトリから MagicPath に UI をインポートまたは再作成する場合に使用します。埋め込みブラウザを備えたホストでは、共有 URL を介して MagicPath プロジェクトキャンバスを開いたままにし、視覚的な作業を行います。

関連スキル