frontend-components
79构建可复用的前端组件
前端团队需要在不同框架中保持一致的组件结构。此技能指导 Claude、Codex 和 Claude Code 设计聚焦、可复用的 UI 组件。
跨入口点验证输入
输入验证在表单、API 和业务规则之间经常变得不一致。此技能指导 Claude、Codex 和 Claude Code 采用安全的验证模式。
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "global-validation" from https://skillstore.io/skills/eis-its-global-validation.md and its manifest at https://skillstore.io/api/skills/eis-its-global-validation/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“global-validation”。 支付端点接受金额、货币和账户标识符。
预期结果:
将金额验证为允许限制内的正十进制数。使用允许列表限定支持的货币。在余额检查之前验证账户标识符格式。
正在使用“global-validation”。 注册表单仅在浏览器中验证电子邮件。
预期结果:
将电子邮件格式和必填字段检查移至服务器。保留浏览器验证以获得更快反馈,但不要信任它。
正在使用“global-validation”。 搜索字段被传入数据库查询。
预期结果:
限制长度,规范化预期字符,并使用安全的查询参数。对于不支持的输入返回清晰的验证错误。
The two static findings were determined to be false positives. The path traversal pattern appears only in a fixed Markdown reference, not executable file access. The system reconnaissance alert is a business-rule validation example and shows no system inspection behavior.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
https://skillstore.io/skills/eis-its-global-validation/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-global-validation?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-global-validation?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-global-validation/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-global-validation.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>EIS-ITS. (2026). global-validation security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-global-validation/audits/9@techreport{eis-its-eis-its-global-validation-2026,
author = {EIS-ITS},
title = {global-validation security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/eis-its-global-validation/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "global-validation security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "EIS-ITS"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/eis-its-global-validation/audits/9"
identifiers:
- type: other
value: "skillstore:eis-its-global-validation:audit:9"
description: "Skillstore immutable audit report identifier"
每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
在端点逻辑运行之前,为请求参数和有效载荷定义验证检查。
将客户端反馈与服务器端强制执行对齐,用于表单提交。
检查验证是否在入口点和业务规则之间一致应用。
审查此功能,并列出每个需要验证的输入。将安全检查与用户体验检查分开。
为这些字段创建验证规则。包括必填字段、类型检查、范围、格式、允许列表和面向用户的错误。
更新此代码,使验证在业务逻辑之前于服务器端运行。仅保留客户端验证用于即时反馈。
审计此工作流,查找入口点之间缺失的验证、不安全的输入处理、薄弱的清理以及不一致的错误行为。
作者
EIS-ITS许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
30c73eac2afe762f6aa9c4553158769369d47351
维护新鲜度
2026/7/22
使用量
6 次下载 · 209 次浏览
文件结构
📄 SKILL.md
构建可复用的前端组件
前端团队需要在不同框架中保持一致的组件结构。此技能指导 Claude、Codex 和 Claude Code 设计聚焦、可复用的 UI 组件。
改进前端可访问性
前端团队在日常 UI 工作中经常遗漏键盘、语义和屏幕阅读器相关要求。此技能会指导 Claude、Codex 和 Claude Code 在创建或编辑界面时应用可访问性检查。
应用一致的编码风格
不一致的代码会拖慢评审,并使维护更加困难。此技能为 Claude、Codex 和 Claude Code 提供清晰规则,帮助编写可读且一致的代码。
编写聚焦的行为测试
团队经常添加脆弱的测试,这些测试反映的是实现细节,而不是用户行为。此技能指导 Claude、Codex 和 Claude Code 为关键工作流编写聚焦的测试。
构建一致的前端 CSS
前端样式经常会在不同文件、组件和框架之间逐渐偏离一致性。此技能引导 Claude、Codex 和 Claude Code 使用一致的 CSS 方法和设计令牌。
改进应用程序错误处理
不一致的错误处理可能会隐藏故障并使用户困惑。此技能引导 Claude、Codex 和 Claude Code 采用清晰的异常、验证、清理和恢复路径。
保护 Next.js 认证路由
由 AayushBaniya2006
当团队混用 session API 和路由守卫时,认证变更经常会失败。此技能会引导 Claude、Codex 和 Claude Code 使用项目辅助函数来实现安全的访问控制。
发布前审查 Web 应用安全性
由 sickn33
当团队添加身份验证、API、支付、上传或敏感数据流时,安全问题往往会出现。此技能提供一份聚焦的检查清单和审查提示,用于在部署前发现常见的 Web 应用风险。
构建安全的后端 API
由 sickn33
后端团队需要能够防止常见漏洞的安全实现。此技能可指导验证、身份认证、API 加固、数据库保护和安全审查。
测试 API 安全工作流
由 sickn33
API 团队需要针对常见 REST 和 GraphQL 弱点的可重复覆盖。此技能提供一个分阶段检查清单,涵盖身份验证、授权、验证、速率限制和报告。
构建 Claude Code 智能体
由 C0ntr0lledCha0s
创建可靠的 AI 智能体需要清晰的 schema、安全的工具和可重复的审查步骤。此技能为 Claude Code 工作流中的智能体设计、验证、迁移和维护提供指导。
创建高效的 AI 技能
由 89jobrien
当结构、资源和验证规则不清晰时,构建可复用的 AI 技能会很困难。此技能提供了一个用于设计、编写、验证和打包技能的实用工作流。