penpot-uiux-design
✓MCP ツールを使用して Penpot でプロフェッショナルな UI/UX デザインを作成するための包括的なガイド。このスキルは、(1) Web、モバイル、またはデスクトップ アプリケーションの新しい UI/UX デザインを作成する場合、(2) コンポーネントとトークンを使用してデザイン システムを構築する場合、(3) ダッシュボード、フォーム、ナビゲーション、またはランディング ページをデザインする場合、(4) アクセシビリティ標準とベスト プラクティスを適用する場合、(5) プラットフォーム ガイドライン (iOS、Android、マテリアル デザイン) に従う場合、(6) ユーザビリティのために既存の Penpot デザインをレビューまたは改善する場合に使用します。トリガー: 「UI のデザイン」、「インターフェイスの作成」、「レイアウトの構築」、「ダッシュボードのデザイン」、「フォームの作成」、「ランディング ページのデザイン」、「アクセシビリティを高める」、「システムのデザイン」、「コンポーネント ライブラリ」。
SKILL.md
Create professional, user-centered designs in Penpot using the penpot/penpot-mcp MCP server and proven UI/UX principles.
| mcppenpotexecutecode | Run JavaScript in Penpot plugin context to create/modify designs | | mcppenpotexportshape | Export shapes as PNG/SVG for visual inspection | | mcppenpotimportimage | Import images (icons, photos, logos) into designs | | mcppenpotpenpotapiinfo | Retrieve Penpot API documentation |
The Penpot MCP tools require the penpot/penpot-mcp server running locally. For detailed installation and troubleshooting, see setup-troubleshooting.md.
MCP ツールを使用して Penpot でプロフェッショナルな UI/UX デザインを作成するための包括的なガイド。このスキルは、(1) Web、モバイル、またはデスクトップ アプリケーションの新しい UI/UX デザインを作成する場合、(2) コンポーネントとトークンを使用してデザイン システムを構築する場合、(3) ダッシュボード、フォーム、ナビゲーション、またはランディング ページをデザインする場合、(4) アクセシビリティ標準とベスト プラクティスを適用する場合、(5) プラットフォーム ガイドライン (iOS、Android、マテリアル デザイン) に従う場合、(6) ユーザビリティのために既存の Penpot デザインをレビューまたは改善する場合に使用します。トリガー: 「UI のデザイン」、「インターフェイスの作成」、「レイアウトの構築」、「ダッシュボードのデザイン」、「フォームの作成」、「ランディング ページのデザイン」、「アクセシビリティを高める」、「システムのデザイン」、「コンポーネント ライブラリ」。 ソース: github/awesome-copilot。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
penpot-uiux-design とは？
MCP ツールを使用して Penpot でプロフェッショナルな UI/UX デザインを作成するための包括的なガイド。このスキルは、(1) Web、モバイル、またはデスクトップ アプリケーションの新しい UI/UX デザインを作成する場合、(2) コンポーネントとトークンを使用してデザイン システムを構築する場合、(3) ダッシュボード、フォーム、ナビゲーション、またはランディング ページをデザインする場合、(4) アクセシビリティ標準とベスト プラクティスを適用する場合、(5) プラットフォーム ガイドライン (iOS、Android、マテリアル デザイン) に従う場合、(6) ユーザビリティのために既存の Penpot デザインをレビューまたは改善する場合に使用します。トリガー: 「UI のデザイン」、「インターフェイスの作成」、「レイアウトの構築」、「ダッシュボードのデザイン」、「フォームの作成」、「ランディング ページのデザイン」、「アクセシビリティを高める」、「システムのデザイン」、「コンポーネント ライブラリ」。 ソース: github/awesome-copilot。
penpot-uiux-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/github/awesome-copilot
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-05