MCP HubMCP Hub
SKILL·363F3A

working-with-playground-app

PackmindHub
更新日 1 month ago
8 閲覧
243
12
243
GitHubで表示
メタdesign

について

このスキルは、「playground」や「prototype」への言及、またはapps/playground/ディレクトリ内での作業によってトリガーされ、PackmindプレイグラウンドアプリでUI/UXプロトタイプを構築するためのガイダンスを提供します。これは、ユーザーエクスペリエンスに焦点を当てたスタンドアロンのVite + React環境を使用して、開発者がプロトタイプを作成し反復することを支援します。主要な原則には、まずすべてのユーザーステートを考慮した設計を行うこと、およびプロトタイプが本番コードへ容易に変換可能であることを保証することが含まれます。

クイックインストール

Claude Code

推奨
メイン
npx skills add PackmindHub/packmind -a claude-code
プラグインコマンド代替
/plugin add https://github.com/PackmindHub/packmind
Git クローン代替
git clone https://github.com/PackmindHub/packmind.git ~/.claude/skills/working-with-playground-app

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

PackmindHub/packmind
パス: .claude/skills/working-with-playground-app
0
ai-code-governanceai-coding-assistantai-guardrailsclaude-codecontext-engineeringcontextops
FAQ

Frequently asked questions

What is the working-with-playground-app skill?

working-with-playground-app is a Claude Skill by PackmindHub. Skills package instructions and resources that Claude loads on demand, so Claude can perform working-with-playground-app-related tasks without extra prompting.

How do I install working-with-playground-app?

Use the install commands on this page: add working-with-playground-app to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does working-with-playground-app belong to?

working-with-playground-app is in the Meta category, tagged design.

Is working-with-playground-app free to use?

Yes. working-with-playground-app is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

関連スキル

content-collections
メタ

このスキルは、Content Collections(Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール)の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。

スキルを見る
polymarket
メタ

このスキルは、開発者がPolymarket予測市場プラットフォームを活用したアプリケーション構築を可能にします。API統合による取引や市場データの取得に加え、WebSocketを介したリアルタイムデータストリーミングにより、ライブ取引や市場活動を監視できます。取引戦略の実装や、ライブ市場更新を処理するツールの作成にご利用ください。

スキルを見る
creating-opencode-plugins
メタ

このスキルは、開発者がコマンド、ファイル、LSP操作など25種類以上のイベントタイプにフックするOpenCodeプラグインを作成することを支援します。JavaScript/TypeScriptモジュール向けに、プラグイン構造、イベントAPI仕様、および実装パターンを提供します。カスタムイベント駆動ロジックでOpenCode AIアシスタントのライフサイクルをインターセプト、監視、または拡張する必要がある場合にご利用ください。

スキルを見る
sglang
メタ

SGLangは、高性能なLLMサービングフレームワークであり、RadixAttentionプレフィックスキャッシュを活用したJSON、正規表現、エージェントワークフロー向けの高速で構造化された生成を特長とします。特にプレフィックスが繰り返されるタスクにおいて、大幅に高速な推論を実現し、複雑な構造化出力やマルチターン対話に最適です。制約付きデコードが必要な場合や、広範なプレフィックス共有を伴うアプリケーションを構築する場合は、vLLMなどの代替案ではなくSGLangを選択してください。

スキルを見る