pymodel/designer-skill
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
コーディングエージェントUIのスーパーパワーを与えるプラグインアンドプレイMCP。 ワンラインインストール、ゼロ設定。 クロードコード、コーデックス、カーソル、VSコードなど.
概要
dispatch intent は "make it pop" や "it feels off" などの漠然としたリクエストを適切な設計動詞と参照ファイルにマップします。 15 参照ファイル カバーの種類、色、動き、a11y、アンチスロップ、および再設計ループ。 エージェントは、UI コードを書く前に正しいファイルを読み込みます。 44 ルールの決定的なディテクタと anti slop checklist が出荷前に実行されます。 一般的なUIは、それが着陸する前にキャッチされます。 1行に追加された小さなMCPサーバーです。 エージェントは、設計ツール、リファレンスドキュメント、および船のゲートを取得しているため、UIの作業は汎用性を探し停止します。 サーバーを追加します。 プレーン言語で問い合わせる エージェントは残りを処理します。 pythinker.com — このスキルでエンドツーエンドを設計したライブ制作サイト。 1つのインストールは、スキルとMCPサーバーの両方を取得します。 次に /plugins のマーケットプレイスからインストールします。 デザイナー・スキル・デザイナー・スキル・デザイナー・スキル・スキル.
概要（AI 翻訳）
プラグアンドプレイMCP. エージェントのUIスーパーパワー
セットアップ・使い方・参考・ツール・開発
セットアップ
あなたのエージェントに貼り付け(クロードコード、コーデックス、カーソル、任意のMCPクライアント)。 スキルをインストールし、MCP をワイヤーで縛り、ツールを検証します。
なし? ローカル製品証拠から続行し、カタログ検索はオプションです。
または1つを選ぶ:
| サイトマップ |
お問い合わせ
| [/plugin marketplace add PyModel/designer-skill→[/plugin install designer-skill@pymodel]>
| [codex plugin marketplace add PyModel/designer-skill] の [[/plugins]] にある pymodel から Designer-skill をインストールします。
| ●**●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
| claude mcp add designer-skill -- npx -y @pymodel/designer-skill-mcp (codex mcp add)] の [pythinker mcp add --transport stdio] のみ [MCP]
| [[T10] または skills/designer-skill/ に [~/.claude/skills/] に ~/.codex/skills/ をコピーします。
キャノン MCP の設定 ([mcp.json])):
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
Setup
Paste into your agent (Claude Code, Codex, Cursor, any MCP client). It installs the skill, wires the MCP and verifies the tools:
Add designer-skill alongside Niblet Designer UI. The designer core is keyless: it routes requests, loads guidance and runs supplemental static checks. Niblet optionally supplies real screens and licensed materials; the host owns implementation and rendered verification.
1. Install or refresh the skill into the user skill directory (not this project):
npx skills add PyModel/designer-skill --skill designer-skill -g -y
2. Add the local MCP using this client's native MCP configuration, in the user-level (not project-level) config:
Name: designer-skill
Transport: stdio
Command: npx
Args: -y @pymodel/designer-skill-mcp@latest
No API key is needed. Do not add one.
3. Verify: list the designer-skill server's tools and confirm get_preflight_brief, dispatch_intent, review_and_gate are present. Do not run a sample check.インストール
npx -y @pymodel/designer-skill-mcp@latest設定
{ "mcpServers": { "designer-skill": { "command": "npx", "args": ["-y", "@pymodel/designer-skill-mcp@latest"] } } }