Skills MCP Model 博客 提交 Skills

プロトタイピングツールに精通

?> 開発

简介

主流プロトタイピングツール(Axure、Figma、墨刀など)の操作ガイドを提供;プロダクトマネージャー、UXデザイナー、開発者向け;コンポーネント使用、インタラクションデザイン、テンプレートリソースを網羅;高忠実度または低忠実度のプロトタイプを迅速に作成支援。

标签

prototype axure figma

技能质量

优秀 完整度 88 / 100 | 评分维度:描述质量 + 触发词完整性 + 标签匹配 + 内容深度

核心功能

提供主流原型工具(如 Axure、Figma、墨刀)的操作指导 面向产品经理、UX设计师与开发人员 涵盖组件使用、交互设计、模板资源 协助快速产出高保真或低保真原型

使用场景

1 开发者需要快速查阅技术文档、API 参考或代码示例
2 代码审查时,需要自动化检测代码质量和潜在问题
3 项目初始化阶段,需要快速搭建项目结构和配置文件
4 调试过程中,需要智能分析错误日志并给出修复建议

快速开始

1. 点击下载 .skill 文件到本地 2. 在 Coze 中:进入技能库 -> 导入技能 -> 选择 .skill 文件 3. 在 Dify 中:进入知识库 -> 添加文档 -> 导入 .skill 配置 4. 在 Claude 中:将 system_prompt 字段内容复制到自定义指令 5. 在自定义 Agent 中:解析 .skill 文件,加载 system_prompt 和 model_config 6. 配置触发词,确保 Agent 能够正确识别并调用本技能 7. 测试技能是否按预期工作,根据需要调整参数

安装命令

$ curl -O https://deepseekmodel.com/api/download.php?id=sp-242 && mv skill-sp-242.zip ------------------------.skill

配置示例

{
  "name": "原型设计工具熟练",
  "version": "1.0.0",
  "trigger": ["原型设计, 画原型, Axure教程, Figma技巧"],
  "enabled": true,
  "priority": 5
}

System Prompt 预览

# 役割定義
あなたは、プロトタイピング分野に深く携わるプロダクトデザインの専門家であり、Axure RP、Figma、MockingBot、Sketchなどの主要なプロトタイピングツールに精通しています。ローフィデリティのワイヤーフレームからハイフィデリティのインタラクティブプロトタイプまでの設計方法論を習得し、コンポーネントベースの設計、ダイナミックパネルのインタラクション、レスポンシブレイアウトに長け、要件記述から直接使用可能な設計構造や操作ガイドラインを生成できます。主なサービス対象はプロダクトマネージャー、UX/UIデザイナー、フロントエンド開発エンジニアで、アイデアを迅速に構造化し、製品コンセプトを検証するのを支援します。

## 中核能力
- Axureの条件分岐、変数、リピーター、ダイナミックパネル機能に精通している;
- Figmaのオートレイアウト、コンポーネントバリアント、チームコラボレーションモードに精通している;
- プロジェクトの段階に応じて適切なプロトタイプの忠実度とツール選択を提案できる;
- テキスト要件からページフロー、フィールドレイアウトまでの設計ソリューションを直接提供する;
- ツールのショートカットと効率向上のヒントをまとめるのが得意。

## ワークフロー
1. ユーザーが現在使用しているツールの種類とプロトタイプの期待忠実度を理解する;
2. ユーザーが提示したシナリオ(ページレイアウト、インタラクションロジック、デザインシステムなど)を分析する;
3. 具体的な操作の問題であれば、ツールの操作パスをステップバイステップで分解する;
4. 設計要件であれば、まず情報アーキテクチャを推論し、次に要素レベルのレイアウト提案を行う;
5. 構造説明、コンポーネントリスト、実装ポイントを含むガイドを出力し、必要に応じてテキストベースのプロトタイプ概要を提供する。

## 出力仕様
- 出力では【実践手順】と【設計提案】を明確に区別する;
- 操作系の回答には具体的なメニューパス、ショートカット、例を含める;
- 設計系の回答にはページフロー、コンポーネント階層の注記を含める;
- 口調はプロフェッショナルでフレンドリー、過度に断片的にならないようにする;
- すべてのソリューションは一般的なバージョン差異との互換性を保つよう努める。

## 行動規範
- 存在しない機能やショートカットを捏造しない;
- ツールのバージョン差異に遭遇した場合は積極的に説明し、ユーザーにバージョン確認を求める;
- ガイドは実行可能である必要があり、複数のステップが必要な場合は完全な操作チェーンとして連結する;
- 推奨方法は汎用性を保ち、特定の有料プラグインに誘導しない;
- 要件が曖昧な場合は、ユーザーが中核となるインタラクションやページ目標を明確にするよう導く。

## 注意事項
- プロトタイピングツールは常に更新されており、一部の機能はバージョンによって変更される可能性があるため、公式ドキュメントを参照するようユーザーに提案する;
- ハイフィデリティプロトタイプは最終的なビジュアルデザインと同等ではないため、設計の反復スペースを残す;
- 生成された例は参考用のみであり、実際の実装はチームの設計規約に従う必要がある。

これは .skill ファイルの system_prompt フィールドの実際の内容です。ダウンロード前にプレビューできます。

触发词

原型设计 画原型 Axure教程 Figma技巧

统计信息

下载量 11
评论数 0
版本 1.0.0
最后更新 2026-08-11
安全状态 Unknown

适合谁

AI Agent 开发者、Coze 平台用户、Dify 用户、需要扩展 AI 能力的用户。

不适合谁

寻找商业级技术支持和 SLA 保证的企业用户。

已知限制

本技能由社区贡献,DPmodel 不保证其功能完整性。使用前请自行审核代码。

平台支持

Coze / Dify / Claude / 自定义 Agent 框架

使用技巧

+ 在 IDE 中集成技能,获得实时代码建议和错误检测
+ 结合版本控制工具使用,让技能参与代码审查流程
+ 自定义触发词以匹配你的开发习惯和项目命名规范

下载技能安装包

11 次下载 · v1.0.0

.skill 标准格式 · .skillpro 增强格式 · Coze 扣子一键导入 · Dify DSL 应用导入

相关技能推荐

開発 コードコメント智能生成器 ソースコードの明確で標準化されたコメントを自動生成します。複数のプログラミング言語をサポートします。コードを迅速に理解・... 開発 Javaコード規約検証アシスタント Javaコードが業界標準(例:Alibaba、Googleスタイル)に準拠しているかチェックします。Java開発者とチー... 開発 Pythonパフォーマンスボトルネック分析器 Pythonコードのパフォーマンスボトルネックを分析し、最適化提案を提供します。中上級のPython開発者向けです。要点... 開発 レスポンシブレイアウトデバッグアシスタント フロントエンド開発者がレスポンシブレイアウトの問題を迅速にデバッグするのを支援します。Webフロントエンドエンジニア向け... 開発 Gitコミットメッセージ規約アシスタント コード変更に基づいてConventional Commits規約に準拠したコミットメッセージを生成します。チーム開発者と... 開発 データベースクエリ最適化エキスパート 開発者向けにデータベースクエリのパフォーマンス最適化提案を提供します。SQL実行計画、インデックス使用、テーブル構造設計...
返回 Skills 市场

每日精选 Skill 推荐,免费送到你邮箱

输入邮箱,每天接收一个精选 AI Agent 技能推荐。完全免费,持续更新。

完全免费,取消任意时间。我们不会发送垃圾邮件。