📦
content-creator
88创建品牌一致的营销内容
营销团队需要在各个渠道保持一致的内容。此技能可帮助规划、撰写、分析和优化内容，使其符合品牌语调和 SEO 要求。
写作与内容 查看
技能 angular-best-practices
📦
angular-best-practices
内容修订 r2 安全 🌐 网络访问⚡ 包含脚本⚙️ 外部命令
提升 Angular 性能
Angular 应用经常因为代价高昂的变更检测、过大的 bundle，以及可避免的 hydration 工作而变慢。此技能为更快的组件、路由和 SSR 提供按优先级排序的审查指导。
支持: Claude Codex Code(CC)
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
Review the Skillstore skill "angular-best-practices" from https://skillstore.io/skills/sickn33-angular-best-practices.md and its manifest at https://skillstore.io/api/skills/sickn33-angular-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“angular-best-practices”。 一个 dashboard 组件使用默认变更检测、手动订阅和昂贵的模板计算。
预期结果:
- 最高影响：为本地状态采用 OnPush 和 Signals，以减少不必要的检查。
- 下一步：将昂贵的派生值移入缓存的组件状态或 pure pipe。
- 清理：用框架管理的 teardown 替代手动订阅处理。
正在使用“angular-best-practices”。 一个 admin 路由将 charts、tables 和 feature components 急切加载到主 bundle 中。
预期结果:
- 将 admin 路由从初始 bundle 中拆分出来，仅在用户导航到该路由时加载。
- 延迟加载较重的可视化区域，直到它们进入 viewport 或需要用户交互。
- 仅在需要大型第三方库的 workflow 内部 import 它们。
正在使用“angular-best-practices”。 一个 SSR 页面只在浏览器 JavaScript 启动后才获取关键 profile 数据。
预期结果:
- 将关键数据加载移入可在服务器端使用的路由 resolver 或等效的预加载步骤。
- 使用服务器到浏览器的状态传输，避免 hydration 后重复 fetch。
- 延迟加载非关键 widgets，使首屏内容聚焦于用户可见数据。
安全审计
安全v5 • 2026/7/23 打开版本化报告
All 77 static findings are false positives from documentation links, Angular examples, Markdown fences, and TypeScript template literals. The skill contains guidance, not executable automation. No prompt injection, credential handling, data exfiltration, or unsafe network target was found.
3
已扫描文件
637
分析行数
0
复核项
0
已忽略误报
风险因素
🌐 网络访问 (11)
⚡ 包含脚本 (3)
⚙️ 外部命令 (50)
SKILL.md:44-48 SKILL.md:48-56 SKILL.md:56-61 SKILL.md:61-65 SKILL.md:65-68 SKILL.md:71-80 SKILL.md:83-89 SKILL.md:89-93 SKILL.md:93-98 SKILL.md:98-113 SKILL.md:113-140 SKILL.md:140-144 SKILL.md:144-159 SKILL.md:159-167 SKILL.md:167-189 SKILL.md:189-193 SKILL.md:193-203 SKILL.md:203-207 SKILL.md:207-214 SKILL.md:214-218 SKILL.md:218-227 SKILL.md:227-235 SKILL.md:235-245 SKILL.md:245-249 SKILL.md:249-254 SKILL.md:260-262 SKILL.md:262-266 SKILL.md:266-280 SKILL.md:280-284 SKILL.md:284-304 SKILL.md:304-312 SKILL.md:312-324 SKILL.md:324-328 SKILL.md:328-339 SKILL.md:339-343 SKILL.md:343-361 SKILL.md:361-370 SKILL.md:370-378 SKILL.md:378-393 SKILL.md:393-397 SKILL.md:397-411 SKILL.md:411-419 SKILL.md:419-422 SKILL.md:422-432 SKILL.md:432-439 SKILL.md:439-443 SKILL.md:443-460 SKILL.md:460-468 SKILL.md:468-494 SKILL.md:494-498
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: codex 查看审计历史 →
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/sickn33-angular-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/sickn33-angular-best-practices?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/sickn33-angular-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-angular-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/sickn33-angular-best-practices.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 引用
sickn33. (2026). angular-best-practices security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-angular-best-practices/audits/5BibTeX 引用
@techreport{sickn33-sickn33-angular-best-practices-2026,
author = {sickn33},
title = {angular-best-practices security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-angular-best-practices/audits/5},
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: "angular-best-practices security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-angular-best-practices/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-angular-best-practices:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 高 55
架构
85
可维护性
87
内容
69
社区
78
规范符合性
你能构建什么
审查新组件
在组件进入代码审查之前，检查其是否符合现代 Angular 性能模式。
规划性能重构
按变更检测、路由、渲染、SSR 和订阅对改进项排序。
审计 SSR 和 Hydration
发现客户端瀑布流、缺失的服务器数据传输，以及非关键 hydration 工作。
试试这些提示
审查单个组件
使用 angular-best-practices skill 审查此 Angular 组件的变更检测、模板工作和订阅清理。
改进功能路由
为此 Angular 功能创建按优先级排序的重构计划，以减小 bundle 大小、改进渲染，并保护 SSR hydration。
比较实现选择
比较这些 Angular 实现选项在 Signals、selectors、deferred loading 和路由数据获取方面的表现。推荐风险最低的方法。
审计应用切片
审计此 Angular 应用切片中的性能风险。按影响、迁移成本和用户可见收益对发现的问题分组。
最佳实践
- 从影响最大的领域开始审查：变更检测、异步获取和 bundle 加载。
- 在应用高级建议之前，先询问 Angular 版本、路由结构和 SSR 使用情况。
- 将每条建议与预期性能影响和迁移成本配对。
避免
- 不检查产品约束就把每条规则都视为强制要求。
- 在修复数据瀑布流或大型急切加载 bundle 之前，先优化小型模板。
- 当 Signals 或框架清理工具适合用例时，仍添加手动订阅。
常见问题
此技能面向哪些 Angular 版本？
它专注于现代 Angular 模式，例如 Signals、OnPush、deferred views、SSR 和 hydration。较旧项目可能需要调整后的指导。
它能重写我的 Angular 代码吗？
它可以建议重构并审查粘贴的代码。文件编辑取决于你与该技能一起使用的 AI 工具和权限。
此技能需要网络访问吗？
不能。该技能基于文档，并且只使用参考链接。
它与通用 Angular 帮助有什么不同？
它按影响对性能决策进行优先级排序，范围从变更检测和数据获取，到 bundle、SSR、模板和清理。
它能帮助优化 SSR 性能吗？
可以。它涵盖路由数据加载、hydration 行为、非关键内容延迟，以及服务器到浏览器的状态传输。
它能替代 profiling 吗？
不能。请使用浏览器 profiling、bundle 报告和生产指标来验证这些建议。
开发者详情
作者
sickn33许可证
MIT
Skillstore 修订
r2
版本提示
作者未声明版本。
引用
ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
维护新鲜度
2026/7/26
使用量
5 次下载 · 119 次浏览
文件结构
sickn33 的更多技能
查看全部📦
prompt-engineering-patterns
85用成熟模式改进 LLM 提示词
不一致的提示词会浪费时间，并让 AI 输出难以信任。此技能通过可复用模式、示例、评估步骤和优化工作流来指导提示词设计。
效率 查看
📦
senior-architect
81设计可扩展的软件架构
在 Web、移动端、后端和云系统之间比较架构决策并不容易。此技能为报告、依赖项审查和权衡文档提供结构化指南与本地脚手架脚本。
编码与开发 查看
📦
senior-fullstack
81使用资深级模式构建全栈应用
团队需要针对现代 Web 应用的一致设置、架构和审查指导。此技能为 React、Next.js、Node.js、GraphQL 和 PostgreSQL 项目提供脚手架工具、工作流参考和质量提示。
编码与开发 查看
📦
prompt-engineer
81使用 Prompt Engineer 优化 AI 提示词
当目标模糊或复杂时，编写清晰的提示词很困难。此技能会使用经过验证的提示词框架，将粗略请求转化为结构化提示词。
效率 查看
📦
product-manager-toolkit
80利用研究洞察优先安排产品工作
产品团队需要更快的方法来对功能排序、综合访谈内容并记录决策。此技能提供 RICE 评分、访谈分析和 PRD 模板，用于结构化规划。
效率 查看
相关技能
查看全部📦
senior-frontend
81构建可用于生产的前端功能
由 davila7
前端团队需要在各项目中获得一致的 React 和 Next.js 指导。此技能提供用于前端分析的参考工作流、质量实践和辅助脚本。
编码与开发 查看
📦
vue-best-practices
82提升 Vue 3 代码质量
由 vuejs-ai
Vue 项目常常会随着时间积累响应式、组件和性能方面的问题。此技能为更安全的模式和更清晰的代码提供有针对性的 Vue 3 指导。
编码与开发 查看
📦
vue-options-api-best-practices
81改进 Vue Options API 组件
由 vuejs-ai
Vue Options API 项目可能会失去类型安全性和正确的 this 绑定。此技能提供更安全 Vue 组件的直接模式。
编码与开发 查看
📦
vercel-react-best-practices
80优化 React 和 Next.js 性能
由 vercel-labs
React 和 Next.js 应用常常会因为瀑布式请求、大型包体以及可避免的重复渲染而变慢。此技能为代理提供具体规则，以便更安全地进行以性能为重点的改动。
编码与开发 查看
📦
playwright-testing
86提升 Playwright 测试覆盖率
由 C0ntr0lledCha0s
当配置、定位器和 fixtures 不一致时，Playwright 测试套件可能会变得不稳定。此技能提供可靠浏览器测试、调试和可复用页面对象的实用模式。
编码与开发 查看
📦
nestjs-code-audit
84Audit NestJS Code with Evidence-Backed Findings
由 amirtaherkhani
NestJS repositories can hide boundary flaws and runtime risks that lint results alone cannot reveal. This skill combines local evidence collection and semantic review into one prioritized report.
编码与开发 查看