7Spade

7Spade

活跃
44
技能
7
类别
ClaudeCodexCode(CC)

已发布技能 44

🧪

webapp-testing

Test web apps with Playwright automation

安全 67

Manual browser testing is slow and error-prone. This skill provides ready-to-use prompts for automated web testing including form validation, screenshot capture, and console log inspection using Playwright.

Claude Codex Code(CC)
安装

UUID - Universally Unique Identifiers

Generate unique identifiers with UUID

安全 64

Applications need unique identifiers to track entities, sessions, and records. This skill provides ready-to-use prompts for generating RFC9562-compliant UUID v4 random identifiers and UUID v7 timestamp-based identifiers.

Claude Codex Code(CC)
安装
🎨

theme-factory

Apply professional themes to presentations and documents

安全 67

Creating consistent, professional visual designs takes time and design expertise. This skill provides 10 curated color and font themes that can be applied instantly to slides, documents, reports, and web pages. Custom themes can also be generated based on your requirements.

Claude Codex Code(CC)
安装
🛠️

skill-creator

Create custom skills for Claude

安全 74

Building specialized skills for Claude requires understanding skill structure and best practices. This skill provides templates, validation tools, and step-by-step guidance for creating effective skills that extend Claude with domain expertise and custom workflows.

Claude Codex Code(CC)
安装
🖥️

Screenfull Fullscreen API

Add fullscreen toggle to web apps

安全 64

Need cross-browser fullscreen support for your web application. This skill provides complete patterns for implementing fullscreen toggle buttons, immersive display modes, and presentation views using the screenfull library with Angular.

Claude Codex Code(CC)
安装
🔄

RxJS Patterns for Angular

Apply RxJS Patterns in Angular

安全 65

Angular developers struggle with complex reactive programming patterns and memory leaks from improper subscription management. This skill provides ready-to-use code examples and best practices for RxJS operators, Angular Signals integration, and proper cleanup with takeUntilDestroyed().

Claude Codex Code(CC)
安装
U

ng-alain Component Development

Build ng-alain Enterprise UI Components

安全 65

Building enterprise Angular UI requires knowledge of ng-alain components, theming, and patterns. This skill provides ready-to-use code examples for ST tables, SF forms, ACL permissions, and responsive layouts following Angular best practices.

Claude Codex Code(CC)
安装
🎨

frontend-design

Design distinctive production-grade frontend interfaces

安全 68

Generic AI-generated frontend code often looks the same and lacks creative character. This skill guides the creation of unique, memorable interfaces with bold aesthetic choices, proper typography, cohesive color themes, and polished visual details.

Claude Codex Code(CC)
安装
📄

docx

Create and edit Word documents with tracked changes

低风险 67

Users need to create professional Word documents with proper formatting, tracked changes, and comments. This skill provides tools to create new documents, edit existing files, and implement tracked changes using OOXML manipulation.

Claude Codex Code(CC)
安装
📝

doc-coauthoring

Co-author documents with structured AI guidance

安全 68

Writing complex documentation alone leads to gaps and unclear content. This skill guides you through a proven three-stage workflow that ensures your documents work for readers, not just writers.

Claude Codex Code(CC)
安装
🔧

@delon/util - Utility Functions Library

Use utility functions for data manipulation

安全 64

Complex data manipulation tasks require multiple helper functions. This skill provides ready-to-use utilities for array operations, string formatting, date calculations, and number formatting in Angular projects.

Claude Codex Code(CC)
安装
📝

@delon/form Dynamic Schema Forms

Build Dynamic Forms with @delon/form

安全 65

Creating complex forms requires extensive boilerplate code. @delon/form enables declarative form generation using JSON Schema, reducing development time and ensuring consistent validation across your Angular application.

Claude Codex Code(CC)
安装
📊

@delon/chart - Enterprise Chart Components

Build Angular charts with G2Plot

安全 64

Creating charts in Angular requires understanding multiple charting libraries and their APIs. This skill provides ready-to-use component patterns for bar, pie, radar, and timeline charts using @delon/chart with G2Plot.

Claude Codex Code(CC)
安装
💾

@delon/cache Caching Strategies

Implement Angular caching with @delon/cache

安全 65

Angular applications often make redundant API calls that slow down performance and increase server load. This skill provides ready-to-use patterns for implementing memory, LocalStorage, and SessionStorage caching with TTL expiration and HTTP interceptors.

Claude Codex Code(CC)
安装
🔐

@delon/auth Authentication & Authorization

Add secure authentication to Angular apps

安全 65

Building secure authentication in Angular requires careful implementation of tokens, guards, and permission checks. This skill provides ready-to-use patterns for JWT management, role-based access control, and route protection using the @delon/auth library.

Claude Codex Code(CC)
安装
🛡️

@delon/acl - Access Control List

Implement role-based access control

安全 64

Angular applications need a reliable way to control user permissions and protect UI elements. This skill provides code patterns for implementing ACL with guards, directives, and permission checks.

Claude Codex Code(CC)
安装
🎨

canvas-design

Create Visual Art and Design Masterpieces

安全 68

Users struggle to create original, museum-quality visual designs that require deep design knowledge and typography expertise. This skill generates sophisticated visual art using curated fonts and design philosophy principles, producing original PNG and PDF outputs.

Claude Codex Code(CC)
安装
🎨

brand-guidelines

Apply Anthropic Brand Styling

安全 67

You need consistent brand styling for your documents and presentations. This skill provides Anthropic's official brand colors and typography guidelines to apply professional visual identity.

Claude Codex Code(CC)
安装
📡

BlueprintEventBus Integration

Implement Event-Driven Architecture

安全 66

Modules in large applications often become tightly coupled, making updates difficult and error-prone. This skill provides patterns and code examples for implementing BlueprintEventBus to enable loose coupling through events.

Claude Codex Code(CC)
安装
🔐

azure-role-selector

Find minimal Azure roles for least-privilege access

安全 67

Users need guidance on which Azure role to assign to identities. This skill helps find the minimal role definition that matches desired permissions and generates the commands to apply it.

Claude Codex Code(CC)
安装
🔧

Angular CDK Integration

Build Angular UI with CDK Utilities

安全 64

Creating drag-drop interfaces, overlays, and virtual scrolling lists requires deep knowledge of Angular CDK patterns. This skill provides ready-to-use code examples and best practices for implementing complex UI interactions in Angular applications.

Claude Codex Code(CC)
安装

Angular 20 Standalone Component

Create Angular 20 Standalone Components

安全 65

Angular 20 introduces major syntax changes that improve performance and developer experience. This skill helps developers scaffold production-ready standalone components using Signals, new input/output functions, and modern control flow syntax.

Claude Codex Code(CC)
安装
🧪

webapp-testing

Test web apps with Playwright automation

安全 69

Manual browser testing is slow and error-prone. This skill provides ready-to-use prompts for automated web testing including form validation, screenshot capture, and console log inspection using Playwright.

Claude Codex Code(CC)
安装

uuid

Generate unique identifiers with UUID

安全 68

Applications need unique identifiers to track entities, sessions, and records. This skill provides ready-to-use prompts for generating RFC9562-compliant UUID v4 random identifiers and UUID v7 timestamp-based identifiers.

Claude Codex Code(CC)
安装