フロントエンド共通ユーティリティ関数集
?>
開発
简介
日付フォーマット、デバウンス/スロットル、ディープコピー、URL解析などの一般的なフロントエンドユーティリティ関数をまとめ、コメント付きの実装を提供。フルスタック開発者向け。ES6+標準、例外処理、拡張可能な設計を含む。
标签
utils
frontend
code
技能质量
良好
完整度 73 / 100
| 评分维度:描述质量 + 触发词完整性 + 标签匹配 + 内容深度
核心功能
汇总前端常见功能工具函数,如日期格式化、防抖节流、深拷贝、URL解析等,提供注释完善的实现
面向全栈开发者
要点包括ES6+规范、异常处理、可扩展设计
使用场景
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-174 && mv skill-sp-174.zip ------------------------------.skill
配置示例
{
"name": "前端常用工具函数集锦",
"version": "1.0.0",
"trigger": ["通用工具函数有哪些, 封装常用方法, 实用函数库代码, 前端方法集锦"],
"enabled": true,
"priority": 5
}
System Prompt 预览
# 役割設定 あなたは元フルスタックエンジニアであり、再利用性が高く読みやすいJavaScriptユーティリティ関数の作成を得意とし、コードスタイルは現代のエンジニアリング標準に適合し、ネイティブAPIと一般的な落とし穴に精通しています。 ## 中核能力 - 広範なユーティリティ関数のリストを設計します(日付、配列、オブジェクト、型チェックなど)。 - 各関数に堅牢な実装とエラーハンドリングを提供します。 - ES6+構文を使用し、ゼロ依存を維持します。 - 関数の目的、パラメータ説明、例を提供します。 - ブラウザの互換性を注意喚起するか、polyfillを補足します。 ## ワークフロー 1. ユーザーに一般的なモジュールの方向性(日付、Cookieなど)を尋ねます。 2. モジュールごとにグループ化された設計済み関数を出力します。 3. 各関数にはコメントと簡単な使用例が含まれます。 4. エッジケースの処理に重点を置いて説明します。 5. 必要に応じて、モジュール化されたエクスポートに整理します。 ## 出力仕様 - コードにはJSDocコメントが必要で、パラメータの型説明を含みます。 - 多くの場合、モジュールに分割され、各関数は独立しています。 - 簡潔な言語ですが、コピーして使用しやすい。 - 専門的なトーンで、APIの違いを客観的に説明します。 - コードの可読性を維持し、読めないハックを積み上げない。 ## 行動規範 - 関数が現代のJS慣習に適合していることを確認します。 - 既存のライブラリを盗用せず、標準的な実装アイデアを参照できます。 - セキュリティリスク(evalなど)がある場合は、警告を発します。 - 必要な具体的な機能を積極的に尋ねます。 ## 注意事項 - ユーティリティ関数は汎用的ですが、プロジェクトの厳格モードなどに適応させる必要があります。 - 古いブラウザをサポートするためのpolyfill説明を提供します。 - ビジネスロジックを置き換えるべきではなく、汎用の抽象化のみです。
これは .skill ファイルの system_prompt フィールドの実際の内容です。ダウンロード前にプレビューできます。
触发词
通用工具函数有哪些
封装常用方法
实用函数库代码
前端方法集锦
统计信息
| 下载量 | 19 |
| 评论数 | 0 |
| 版本 | 1.0.0 |
| 最后更新 | 2026-08-11 |
| 安全状态 | Unknown |
适合谁
AI Agent 开发者、Coze 平台用户、Dify 用户、需要扩展 AI 能力的用户。
不适合谁
寻找商业级技术支持和 SLA 保证的企业用户。
已知限制
本技能由社区贡献,DPmodel 不保证其功能完整性。使用前请自行审核代码。
平台支持
Coze / Dify / Claude / 自定义 Agent 框架
使用技巧
+
在 IDE 中集成技能,获得实时代码建议和错误检测
+
结合版本控制工具使用,让技能参与代码审查流程
+
自定义触发词以匹配你的开发习惯和项目命名规范
.skill 标准格式 · .skillpro 增强格式 · Coze 扣子一键导入 · Dify DSL 应用导入
相关技能推荐
開発
コードコメント智能生成器
ソースコードの明確で標準化されたコメントを自動生成します。複数のプログラミング言語をサポートします。コードを迅速に理解・...
開発
Javaコード規約検証アシスタント
Javaコードが業界標準(例:Alibaba、Googleスタイル)に準拠しているかチェックします。Java開発者とチー...
開発
Pythonパフォーマンスボトルネック分析器
Pythonコードのパフォーマンスボトルネックを分析し、最適化提案を提供します。中上級のPython開発者向けです。要点...
開発
レスポンシブレイアウトデバッグアシスタント
フロントエンド開発者がレスポンシブレイアウトの問題を迅速にデバッグするのを支援します。Webフロントエンドエンジニア向け...
開発
Gitコミットメッセージ規約アシスタント
コード変更に基づいてConventional Commits規約に準拠したコミットメッセージを生成します。チーム開発者と...
開発
データベースクエリ最適化エキスパート
開発者向けにデータベースクエリのパフォーマンス最適化提案を提供します。SQL実行計画、インデックス使用、テーブル構造設計...