4244 技能
🎨

theme-factory

安全 68

為簡報和文件套用專業主題

由 7Spade

建立一致、專業的視覺設計需要時間和設計專業知識。此技能提供10種精心挑選的配色和字型主題,可立即套用於投影片、文件、報告和網頁。還可以根據您的需求生成自訂主題。

Claude Codex Code(CC)
安裝
🛠️

skill-creator

安全 74

為 Claude 建立自訂技能

由 7Spade

為 Claude 建立專業技能需要了解技能結構和最佳實踐。此技能提供範本、驗證工具和逐步指導,幫助建立有效的技能,以領域專業知識和自訂工作流程擴展 Claude 的能力。

Claude Codex Code(CC)
安裝
🖥️

Screenfull Fullscreen API

安全 65

為網頁應用程式添加全螢幕切換

由 7Spade

為您的網頁應用程式需要跨瀏覽器全螢幕支援嗎?此技能提供完整的模式,使用 screenfull 庫與 Angular 實現全螢幕切換按鈕、沉浸式顯示模式和簡報視圖。

Claude Codex Code(CC)
安裝
🔄

RxJS Patterns for Angular

安全 67

在 Angular 中套用 RxJS 模式

由 7Spade

Angular 開發者常因複雜的反應式程式設計模式與不當訂閱管理而遭遇記憶體洩漏。本技能提供可直接使用的程式碼範例與最佳實務,涵蓋 RxJS 運算子、Angular Signals 整合,以及使用 takeUntilDestroyed() 的正確清理方式。

Claude Codex Code(CC)
安裝
U

ng-alain Component Development

安全 66

建構 ng-alain 企業 UI 元件

由 7Spade

建構企業級 Angular UI 需要了解 ng-alain 元件、主題設計和設計模式。本技能提供可直接使用的程式碼範例,包括 ST 表格、SF 表單、ACL 權限控制,以及遵循 Angular 最佳實踐的回應式版面配置。

Claude Codex Code(CC)
安裝
🎨

frontend-design

安全 69

設計獨特的生產級前端介面

由 7Spade

一般的 AI 生成前端程式碼通常看起來千篇一律,缺乏創意特色。這個技能指導創建獨特、令人難忘的介面,包含大膽的美學選擇、正確的字體排版、協調的色彩主題和精緻的視覺細節。

Claude Codex Code(CC)
安裝
📄

docx

低風險 67

建立和編輯帶有修訂追蹤的 Word 文件

由 7Spade

使用者需要建立專業的 Word 文件,包含適當的格式設定、修訂追蹤和註解。此技能提供工具來建立新文件、編輯現有檔案,以及使用 OOXML 操作來實作修訂追蹤功能。

Claude Codex Code(CC)
安裝
📝

doc-coauthoring

安全 69

透過結構化 AI 指導共同撰寫文件

由 7Spade

獨自撰寫複雜文件會導致內容缺口和不清晰。此技能引導您完成經過驗證的三階段工作流程,確保您的文件對讀者有用,而不只是對撰寫者有用。

Claude Codex Code(CC)
安裝
🔧

@delon/util - Utility Functions Library

安全 66

使用工具函數進行數據操作

由 7Spade

複雜的數據操作任務需要多個輔助函數。此技能提供可直接使用的工具函數,用於 Angular 專案中的陣列操作、字串格式化、日期計算和數字格式化。

Claude Codex Code(CC)
安裝
📝

@delon/form Dynamic Schema Forms

安全 67

使用 @delon/form 建立動態表單

由 7Spade

建立複雜的表單需要大量樣板程式碼。@delon/form 使用 JSON Schema 啟用宣告式表單產生,減少開發時間並確保 Angular 應用程式中的一致驗證。

Claude Codex Code(CC)
安裝
📊

@delon/chart - Enterprise Chart Components

安全 65

使用 G2Plot 建立 Angular 圖表

由 7Spade

在 Angular 中建立圖表需要了解多個圖表庫及其 API。此技能提供可立即使用的元件模式,用於使用 @delon/chart 與 G2Plot 建立長條圖、圓餅圖、雷達圖和時間軸圖表。

Claude Codex Code(CC)
安裝
💾

@delon/cache Caching Strategies

安全 66

使用 @delon/cache 實作 Angular 快取

由 7Spade

Angular 應用程式經常發出多餘的 API 呼叫,這會降低效能並增加伺服器負載。本技能提供可立即使用的模式,用於實作記憶體、LocalStorage 和 SessionStorage 快取,支援 TTL 過期和 HTTP 攔截器。

Claude Codex Code(CC)
安裝
🔐

@delon/auth Authentication & Authorization

安全 67

為 Angular 應用程式添加安全身份驗證

由 7Spade

在 Angular 中建構安全身份驗證需要謹慎實作令牌、守衛和權限檢查。此技能提供立即可用的模式,用於 JWT 管理、基於角色的存取控制和使用 @delon/auth 庫的路線保護。

Claude Codex Code(CC)
安裝
🎨

canvas-design

安全 68

創建視覺藝術與設計傑作

由 7Spade

使用者難以創作需要深厚設計知識和排版專業知識的原創博物館級視覺設計。此技能使用精心挑選的字體和設計哲學原則來生成複雜的視覺藝術,產生原創的 PNG 和 PDF 輸出。

Claude Codex Code(CC)
安裝
🛡️

@delon/acl - Access Control List

安全 66

實現基於角色的訪問控制

由 7Spade

Angular 應用程式需要可靠的方式來控制用戶權限並保護 UI 元素。本技能提供使用守衛、指令和權限檢查來實現 ACL 的程式碼模式。

Claude Codex Code(CC)
安裝
🎨

brand-guidelines

安全 69

套用 Anthropic 品牌樣式

由 7Spade

您需要為文件和簡報提供一致的品牌樣式。此技能提供 Anthropic 的官方品牌色彩和排版指南,以套用專業的視覺識別。

Claude Codex Code(CC)
安裝
📡

BlueprintEventBus Integration

安全 67

實作事件驅動架構

由 7Spade

大型應用程式中的模組常常變得緊密耦合,使得更新困難且容易出錯。本技能提供模式和程式碼範例,幫助實作 BlueprintEventBus,透過事件實現鬆散耦合。

Claude Codex Code(CC)
安裝
🔧

Angular CDK Integration

安全 66

使用 CDK 工具建構 Angular UI

由 7Spade

建立拖放介面、浮動疊加層和虛擬捲動清單需要深入了解 Angular CDK 模式。本技能提供可直接使用的程式碼範例和最佳實踐,幫助您在 Angular 應用程式中實作複雜的 UI 互動功能。

Claude Codex Code(CC)
安裝
🔐

azure-role-selector

安全 69

尋找最小 Azure 角色以實現最小權限存取

由 7Spade

使用者需要關於應該為身分識別分配哪個 Azure 角色的指導。此技能有助於找到符合所需權限的最小角色定義,並生成應用它的命令。

Claude Codex Code(CC)
安裝

Angular 20 Standalone Component

安全 67

建立 Angular 20 獨立元件

由 7Spade

Angular 20 引入重大語法變更,提升效能和開發者體驗。此技能幫助開發者使用 Signals、新的輸入/輸出函式和現代控制流程語法來建構可投入生產的獨立元件。

Claude Codex Code(CC)
安裝