7Spade

手动浏览器测试速度慢且容易出错。此技能提供可直接使用的提示词，用于基于 Playwright 的自动化 Web 测试，包括表单验证、截图捕获和控制台日志检查。

应用程序需要唯一标识符来跟踪实体、会话和记录。此技能提供即用型提示，用于生成符合 RFC9562 标准的 UUID v4 随机标识符和 UUID v7 基于时间戳的标识符。

创建一致、专业的视觉设计需要时间和设计专业知识。此技能提供10种精选的颜色和字体主题，可即时应用于幻灯片、文档、报告和网页。还可以根据您的要求生成自定义主题。

为Claude构建专业技能需要理解技能结构和最佳实践。此技能提供模板、验证工具和分步指导，帮助您创建有效的技能，使Claude具备领域专业知识和自定义工作流程。

需要为您的Web应用程序提供跨浏览器全屏支持。本技能提供完整的模式来使用screenfull库和Angular实现全屏切换按钮、沉浸式显示模式和演示视图。

Angular 开发者在复杂的响应式编程模式和因订阅管理不当导致的内存泄漏方面感到困扰。本技能提供可直接使用的代码示例和最佳实践，涵盖 RxJS 操作符、Angular Signals 集成以及使用 takeUntilDestroyed() 进行正确清理。

构建企业级 Angular UI 需要了解 ng-alain 组件、主题和模式。本技能提供可立即使用的代码示例，包括 ST 表格、SF 表单、ACL 权限和响应式布局，遵循 Angular 最佳实践。

AI生成的前端代码通常千篇一律，缺乏创意特色。本技能指导创建独特、令人难忘的界面，包括大胆的美学选择、规范的排版、统一的色彩主题和精致的视觉细节。

用户需要创建具有正确格式、修订记录和评论的专业Word文档。此技能提供工具来创建新文档、编辑现有文件，以及使用OOXML操作实现修订跟踪。

独自编写复杂文档会导致内容缺失和表述不清。本技能将指导您完成经过验证的三阶段工作流程，确保文档为读者服务，而不仅仅是作者。

复杂的数据操作任务需要多个辅助函数。此技能为Angular项目提供了可直接使用的工具，包括数组操作、字符串格式化、日期计算和数字格式化等功能。

创建复杂表单需要大量样板代码。@delon/form 支持使用 JSON Schema 声明式生成表单，减少开发时间并确保 Angular 应用程序中的验证一致性。

在 Angular 中创建图表需要了解多个图表库及其 API。本技能提供可立即使用的组件模式，用于使用 @delon/chart 和 G2Plot 创建柱状图、饼图、雷达图和时间线图。

Angular 应用程序经常进行冗余的 API 调用，从而降低性能并增加服务器负载。本技能提供可立即使用的模式，用于实现内存、LocalStorage 和 SessionStorage 缓存，支持 TTL 过期和 HTTP 拦截器。

在Angular中构建安全认证需要仔细实现令牌、守卫和权限检查。本技能提供可直接使用的模式，包括JWT管理、基于角色的访问控制以及使用@delon/auth库的路由保护。

用户难以创作原创的、具有博物馆品质的视觉设计，这类设计需要深厚的排版知识和设计专业知识。本技能使用精选字体和设计理念原则生成复杂的视觉艺术，输出原创的PNG和PDF格式文件。

Angular 应用程序需要可靠的方式来控制用户权限和保护 UI 元素。本技能提供使用守卫、指令和权限检查实现 ACL 的代码模式。

您需要为文档和演示文稿保持一致的品牌样式。此技能提供Anthropic官方品牌色彩和排版指南，以应用专业的视觉形象。

大型应用程序中的模块通常会变得紧密耦合，使更新变得困难且容易出错。本技能提供模式和代码示例，用于实现 BlueprintEventBus 以通过事件实现松散耦合。

创建拖放界面、浮层和虚拟滚动列表需要深入了解 Angular CDK 模式。本技能提供可直接使用的代码示例和最佳实践，帮助您在 Angular 应用程序中实现复杂的 UI 交互。

用户需要关于如何为身份分配 Azure 角色的指导。此技能帮助查找与所需权限匹配的最小角色定义，并生成应用它的命令。

Angular 20 引入了重大的语法改进，提升了性能和开发体验。本技能帮助开发者使用 Signals、新的输入输出函数以及现代控制流语法来搭建生产就绪的独立组件。

手动浏览器测试既缓慢又容易出错。此技能提供了现成的提示词,用于使用 Playwright 进行自动化 Web 测试,包括表单验证、截图捕获和控制台日志检查。

应用程序需要唯一标识符来追踪实体、会话和记录。此技能提供现成的提示词，用于生成符合 RFC9562 标准的 UUID v4 随机标识符和 UUID v7 基于时间戳的标识符。