📦

delon-util

Name: delon-util
Author: 7Spade

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

@delon/utilでAngularユーティリティを構築

Angularチームでは、データのフォーマット、クローン、グループ化、ブラウザヘルパーロジックを繰り返し実装しがちです。このスキルでは、ng-alain とタスクワークフローコンポーネントで @delon/util ヘルパーを使う方法を示します。

対応: Claude Codex Code(CC)

🥉 79 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "delon-util" from https://skillstore.io/skills/7spade-delon-util.md and its manifest at https://skillstore.io/api/skills/7spade-delon-util/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/7spade-delon-util.md 署名済み manifest GET /api/skills/7spade-delon-util/manifest 署名済み lockfile GET /api/skills/7spade-delon-util/lockfile

テストする

「delon-util」を使用しています。ステータスごとにタスクをグループ化し、優先度でソートする必要があります。

期待される結果:

groupBy を使ってタスクをステータス別に整理します。
orderBy を使って優先度と作成日でソートします。
派生結果を computed signal でラップして、繰り返し処理を避けます。

「delon-util」を使用しています。元のタスクを変更せずにタスクフォームを編集する必要があります。

期待される結果:

編集可能なフォームモデルには deepCopy、デフォルト値には deepMerge、未保存の変更検出には isEqual を使用します。

「delon-util」を使用しています。プロジェクト予算と進捗値を表示する必要があります。

期待される結果:

予算合計には currency、進捗には toPercent、読みやすい件数には toThousands を使用します。

セキュリティ監査

安全

v6 • 2026/7/6 バージョン別レポートを開く

I found no confirmed security issues in the skill file. All static findings are false positives from Markdown code fences, TypeScript template literals, Angular group keys, and normal method names. No prompt injection, credential exposure, or reconnaissance intent was evident.

スキャンされたファイル

470

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (46)

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/7spade-delon-util/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/7spade-delon-util/security.svg)](https://skillstore.io/skills/7spade-delon-util?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/7spade-delon-util?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/7spade-delon-util/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/7spade-delon-util.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

7Spade. (2026). delon-util security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/7spade-delon-util/audits/6

BibTeX形式の引用

@techreport{7spade-7spade-delon-util-2026,
  author = {7Spade},
  title = {delon-util security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/7spade-delon-util/audits/6},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "delon-util security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "7Spade"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/7spade-delon-util/audits/6"
identifiers:
  - type: other
    value: "skillstore:7spade-delon-util:audit:6"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

データヘルパーを選択する

グループ化、ソート、重複排除、安全なタスク状態更新のために @delon/util の配列ヘルパーを選択します。

フロントエンドパターンを標準化する

ng-alain コンポーネント、タスクリスト、フォームフロー全体で一貫したユーティリティ利用を作成します。

エッジケースをレビューする

リリース前に、フォーマット、空の値、クリップボード動作、高コストなディープクローンを確認します。

これらのプロンプトを試す

一般的なヘルパーを説明する

Angularアプリで配列、文字列、日付、数値、ブラウザタスクにどの @delon/util ヘルパーを使うべきか説明してください。

機能に合うヘルパーを選択する

ステータスでのグループ化、優先度でのソート、重複削除を含むタスクリストを構築しています。使用すべき @delon/util ヘルパーを推奨してください。

リファクタリングを計画する

Angularコンポーネントの目標をレビューし、@delon/util がカスタムのクローン、フォーマット、空値チェックを置き換えられる箇所を提案してください。

ユーティリティのトレードオフを監査する

Angular Signals ワークフローで deepCopy、deepMerge、groupBy、orderBy、copy、isEqual を使う場合のパフォーマンスとエッジケースを分析してください。

ベストプラクティス

バンドルを小さく保つために、特定の @delon/util サブパッケージからヘルパーをインポートします。
不変のまま保持する必要がある状態を編集する前に deepCopy を使用します。
高コストなグループ化、ソート、日付計算は Angular computed signals でキャッシュします。

回避

編集可能なタスクコピーを作成した後に、元のオブジェクトを変更しないでください。
各テンプレートレンダリングで groupBy や orderBy を直接再計算しないでください。
クリップボードコピーがすべてのブラウザコンテキストで常に成功すると想定しないでください。

よくある質問

このスキルは何に役立ちますか？

一般的な Angular のデータ、フォーマット、ブラウザユーティリティタスクに @delon/util ヘルパーを使うのに役立ちます。

@delon/util をインストールしますか？

いいえ。使用パターンを説明し、対象プロジェクトにパッケージがインストール済みであることを前提としています。

どの Angular パターンを扱いますか？

Angular Signals、ng-zorro UI の例、タスクリスト、フォームデータワークフローを扱います。

カスタムユーティリティ関数を置き換えられますか？

クローン、マージ、グループ化、ソート、フォーマット、空値チェックの置き換えを案内できます。

建設トラッキングアプリに限定されていますか？

いいえ。例ではタスクワークフローを使用していますが、これらのヘルパーは多くの Angular アプリケーションに適用できます。

これらのヘルパーを使用した後、何をテストすべきですか？

null値、空のコレクション、日付境界、クリップボード失敗、大きなオブジェクトをテストしてください。

開発者情報

作成者

7Spade

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/7Spade/ng-dragon/tree/main/.github/skills/delon-util

参照

c1fdca50ff516318f65fed0d7f9e82797c5171dc

メンテナンスの新しさ

2026/7/24

利用状況

17 ダウンロード · 220 閲覧

ファイル構成

本番環境対応のフロントエンド機能を構築

作成者 davila7

フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。

コーディング＆開発表示

delon-util

自分のエージェントでインストール

エージェントが読めるリソース

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

データヘルパーを選択する

フロントエンドパターンを標準化する

エッジケースをレビューする

これらのプロンプトを試す

ベストプラクティス

回避

よくある質問

開発者情報

7Spade のその他のスキル

skill-creator

azure-role-selector

webapp-testing

doc-coauthoring

delon-chart

frontend-design

関連スキル

playwright-testing

starknet-js

vue-best-practices

react-dev

vue-options-api-best-practices

senior-frontend