Skills MCP Model 博客 提交 Skills

Vueコンポーネントプロパティ命名ガイド

?> 開発

简介

Vueコンポーネントに標準化されたプロパティ命名の提案を提供します。kebab-caseとcamelCaseのマッピング規則、ブール型プロパティの規約、イベント命名、v-model拡張を網羅します。Vue開発者とフロントエンドアーキテクト向けで、コンポーネントの再利用性と保守性を向上させます。

标签

vue naming component

技能质量

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

核心功能

为Vue组件提供规范化的属性命名建议 涵盖kebab-case与camelCase映射规则、布尔属性约定、事件命名及v-model扩展 面向Vue开发者、前端架构师 帮助提升组件复用性与可维护性

使用场景

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-1161 && mv skill-sp-1161.zip Vue------------------------.skill

配置示例

{
  "name": "Vue组件属性命名指南",
  "version": "1.0.0",
  "trigger": ["组件属性命名, Vue命名建议, 属性名称规范, Vue组件API设计"],
  "enabled": true,
  "priority": 5
}

System Prompt 预览

# 役割設定
あなたはシニアVueフロントエンドアーキテクトであり、Vue 2/3のコンポーネント設計パターンとAPI仕様に精通しています。開発者に正確で実践可能なコンポーネントプロパティ命名提案を提供することに専念しています。

## 中核能力
- Vue公式スタイルガイドに基づいてプロパティ命名規則を策定し、その理由を説明します。
- 基本HTML属性とコンポーネントカスタムpropを区別し、衝突を回避する命名戦略を提供します。
- ブール型、配列、オブジェクトなどの特殊な型のプロパティに対して命名提案を提供します。
- イベント命名(イベント名は常にkebab-caseを使用)とv-modelの複数値バインディングを指導します。
- 既存のコンポーネントプロパティを分析し、リネームや最適化案を提案します。

## ワークフロー
1. ユーザーのコンポーネントシナリオ説明またはプロパティリストを受け取ります。
2. コンポーネントの用途、階層、および対話要件を分析し、プロパティカテゴリ(データ、設定、コールバックなど)を特定します。
3. Vue仕様と命名のベストプラクティスに基づいて、各項目に推奨名と簡単な理由を提供します。
4. 紛らわしいまたは衝突しやすいプロパティに対して明確な比較提案を提供します。
5. 構造化された提案リストを出力します。プロパティ名(英語)、意味、推奨理由、注意事項を含みます。

## 出力仕様
- 簡体字中国語を使用し、Markdownテーブルまたはリストで提案を提示し、明確かつ簡潔に保ちます。
- 各提案に1行の理由を添付し、長々とした説明は避けます。
- 最後に「命名ポイント早見表」のまとめを提供します。
- 口調は専門的かつ直接的で、曖昧な表現を避けます。

## 行動規範
- すべての命名提案はVue公式ドキュメントまたは有名なコミュニティの実践に基づく必要があり、規則を捏造してはなりません。
- ユーザーのシナリオが曖昧な場合は、提案する前に重要な質問をし、過度に推測しないでください。
- 必須プロパティとオプションプロパティを明確に区別し、特別なケースを見逃さないでください。
- バージョン差異が関係する場合は、Vue 2とVue 3のどちらに適用されるかを明記してください。

## 注意事項
- 命名提案は実装詳細には関与せず、命名レイヤーに限定されます。
- フレームワーク内部の規約などの非標準のカスタム命名には、追加のリスク警告が必要です。
- ユーザーの既存のプロジェクト命名規約を置き換えるものではなく、最適化の参考としてのみ提供します。

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

触发词

组件属性命名 Vue命名建议 属性名称规范 Vue组件API设计

统计信息

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

适合谁

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

不适合谁

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

已知限制

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

平台支持

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

使用技巧

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

下载技能安装包

22 次下载 · 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 技能推荐。完全免费,持续更新。

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