技能 senior-frontend

📦

senior-frontend

Name: senior-frontend
Author: alirezarezvani

内容修订 r1 高风险 ⚙️ 外部命令📁 文件系统访问

构建可靠的 React 和 Next.js 前端

现代前端工作需要一致的架构、快速的页面和可重复的设置。此技能为 Claude、Codex 和 Claude Code 提供结构化的 React、Next.js、TypeScript 和 Tailwind 指导。

支持: Claude Codex Code(CC)

⚠️ 38 差

安装前请停下并请求确认。

请审查安装计划，并在更改文件前获得用户明确同意。

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "senior-frontend" from https://skillstore.io/skills/alirezarezvani-senior-frontend.md and its manifest at https://skillstore.io/api/skills/alirezarezvani-senior-frontend/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/alirezarezvani-senior-frontend.md 已签名 manifest GET /api/skills/alirezarezvani-senior-frontend/manifest 已签名 lockfile GET /api/skills/alirezarezvani-senior-frontend/lockfile

测试它

正在使用“senior-frontend”。我需要在发布前改进一个 React 页面。

预期结果:

一份按优先级排序的检查清单，涵盖组件边界、加载状态、可访问性和测试。
一份简短的性能评审，涵盖渲染、包大小、图片和缓存。
一份在运行本地检查前需要审查的命令列表。

正在使用“senior-frontend”。针对项目路径运行本地分析器工作流。

预期结果:

验证目标路径存在且可以处理。
显示所选目标和当前发现数量的状态报告。
当用户提供明确输出路径时，可选择保存报告输出。

正在使用“senior-frontend”。为团队创建前端评审指导。

预期结果:

一份简洁的评审检查清单，涵盖 React 模式、Next.js 性能和前端安全。
实现和评审过程中应避免的常见反模式。
一组关于架构、测试和发布就绪情况的后续问题。

安全审计

高风险

v6 • 2026/7/6 打开版本化报告

Reviewed all 65 static findings against the source context; the backtick, reconnaissance, environment-file, and filesystem hits are false positives. A separate semantic concern remains because marketplace_content.json embeds self-authored safety claims such as safe_to_publish true. No evidence found of malicious command execution, secret access, or network exfiltration.

已扫描文件

1,293

分析行数

复核项

已忽略误报

已确认安全问题 (1)

高

marketplace_content.json:15-18

Prompt Injection Attempt Detected

marketplace_content.json declares risk_level as safe and safe_to_publish as true, then includes a self-audit summary asserting benign status. Untrusted skill content should not attempt to supply its own publication verdict because it can bias an evaluator.

The file contains explicit safety adjudication fields inside the audited skill package, but it does not directly tell the model to ignore audit instructions. This is still a strong social-engineering signal under the marketplace prompt-injection rules.

风险因素

⚙️ 外部命令 (54)

📁 文件系统访问 (3)

scripts/bundle_analyzer.py:107 scripts/component_generator.py:107 scripts/frontend_scaffolder.py:107

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/alirezarezvani-senior-frontend/security.svg)](https://skillstore.io/skills/alirezarezvani-senior-frontend?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/alirezarezvani-senior-frontend?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/alirezarezvani-senior-frontend/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/alirezarezvani-senior-frontend.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 引用

alirezarezvani. (2026). senior-frontend security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6

BibTeX 引用

@techreport{alirezarezvani-alirezarezvani-senior-frontend-2026,
  author = {alirezarezvani},
  title = {senior-frontend security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/alirezarezvani-senior-frontend/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: "senior-frontend security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "alirezarezvani"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6"
identifiers:
  - type: other
    value: "skillstore:alirezarezvani-senior-frontend:audit:6"
    description: "Skillstore immutable audit report identifier"

比较变体

2 个可安装变体

每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。

为什么此变体排名第一

Skillstore 评分最高

作者 / 来源 Skillstore 评分证据置信度 Skillstore 使用量已更新

davila7 推荐

davila7-senior-frontend

Skillstore 评分 81

证据置信度高

Skillstore 使用量 23

已更新

2026-09-09

alirezarezvani 当前

alirezarezvani-senior-frontend

Skillstore 评分 38

证据置信度中

Skillstore 使用量 37

已更新

2026-09-09

Skillstore 评分

评分依据证据置信度: 中

架构

可维护性

内容

社区

规范符合性

你能构建什么

规划组件工作

在实现之前，使用参考资料来梳理 React 组件结构、状态边界和样式选择。

标准化评审指导

为性能、可维护性、安全性和常见前端反模式创建共享检查清单。

准备本地工具步骤

要求 Claude、Codex 或 Claude Code 将文档化的命令转化为经过审查的本地工作流。

试试这些提示

列出前端步骤

使用 senior-frontend skill 列出一个小型 React 功能的前端步骤。包括组件结构、状态需求、样式和测试。

评审组件结构

使用 senior-frontend references 评审我的 React 组件计划。识别缺失的 props、可访问性问题、性能风险和可维护性问题。

规划 Next.js 优化

使用 Next.js optimization guide 为我的应用创建优先级明确的性能计划。涵盖路由、包大小、缓存、图片和度量。

审计前端迁移

使用此技能审计从旧版 React 应用迁移到 Next.js 的过程。生成阶段、风险、验证检查和回滚考虑事项。

最佳实践

在项目中运行生成的命令列表前先进行审查。
将参考说明作为起点，并根据你的应用版本进行验证。
保存脚本报告时，将输出路径保留在项目工作区内。

避免

不要在未扩展占位脚本的情况下将其视为生产级分析器。
不要在未检查目标环境的情况下运行示例中的部署命令。
不要在环境示例或提示文本中放入真实密钥。

常见问题

哪些 AI 工具可以使用此技能？

它标记为兼容 Claude、Codex 和 Claude Code。

该技能会自动执行命令吗？

不会。它记录命令，并包含仅在用户调用时才运行的脚本。

包分析器会测量真实的包大小吗？

还不会。当前脚本会验证目标路径并打印基本状态报告。

脚本可以写入文件吗？

可以。当明确提供 --json 和 --output 时，它们可以保存 JSON 状态输出。

该指导是否特定于某个 React 版本？

不是。参考资料是通用的，因此请在你的项目文档中验证特定版本的细节。

使用前我应该审查什么？

请审查命令示例、输出路径、部署目标以及任何项目特定的安全要求。

开发者详情

作者

alirezarezvani

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/alirezarezvani/claude-skills/tree/main/engineering-team/senior-frontend

引用

c4231f0153ccd2a2ed62274c5a372bf8f2386d3f

维护新鲜度

2026/7/25

使用量

32 次下载 · 206 次浏览

文件结构

📁 references/

📄 frontend_best_practices.md

📄 nextjs_optimization_guide.md

📄 react_patterns.md

📁 scripts/

📄 bundle_analyzer.py

📄 component_generator.py

📄 frontend_scaffolder.py

📄 marketplace_content.json

构建现代 React 和 Next.js 应用

由 sickn33

React 和 Next.js 项目通常需要在路由、组件、样式、数据、表单、测试和部署方面保持一致的设置选择。此技能为 Claude、Codex 和 Claude Code 提供基于阶段的工作流，用于规划和构建现代前端应用。

编码与开发查看

senior-frontend

使用我的智能体安装

Agent 可读资源

测试它

安全审计

已确认安全问题 (1)

风险因素

复制报告链接

Markdown 徽章

HTML 徽章

嵌入卡片

APA 引用

BibTeX 引用

CITATION.cff

比较变体

Skillstore 评分

你能构建什么

规划组件工作

标准化评审指导

准备本地工具步骤

试试这些提示

最佳实践

避免

常见问题

开发者详情

alirezarezvani 的更多技能

content-creator

capa-officer

quality-manager-qmr

risk-management-specialist

code-reviewer

quality-manager-qms-iso13485

相关技能

vercel-react-view-transitions

vercel-react-best-practices

react-dev

vue-options-api-best-practices

senior-fullstack

react-nextjs-development