frontend-aesthetics
79改进前端视觉设计
通用前端界面往往看起来相似,并且缺少品牌焦点。此技能会指导排版、色彩、动效和层次深度选择,以打造更清晰的界面。
构建 Zod 验证模式
验证缺陷会造成薄弱的应用边界和不清晰的用户错误。此技能为 TypeScript 模式、API 验证、转换和类型化结果提供实用的 Zod 模式。
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "zod-validation-patterns" from https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-zod-validation-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“zod-validation-patterns”。 用户请求对包含电子邮件、密码、显示名称和年龄规则的注册进行验证。
预期结果:
此技能会生成一个模式设计,包含字段规则、密码约束、年龄边界、安全解析指导和推断的 TypeScript 类型。
正在使用“zod-validation-patterns”。 用户询问为什么表单错误难以一致地渲染。
预期结果:
此技能会推荐格式化的 Zod 错误、字段级消息映射、自定义错误文本和可预测的响应形状。
正在使用“zod-validation-patterns”。 用户请求验证来自多种事件类型的 webhook 事件。
预期结果:
此技能会建议使用判别联合类型、边界验证、类型化处理程序,以及对未知或无效事件载荷的显式处理。
All 190 static findings were adjudicated as false positives after reviewing the documented contexts. The matches are Markdown fences, TypeScript template literals, regex validators, example URLs, and validation error messages, not executable malware behavior. No prompt injection or malicious intent was found in the reviewed skill files.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-zod-validation-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-zod-validation-patterns.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Barnhardt-Enterprises-Inc. (2026). zod-validation-patterns security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns/audits/9@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-zod-validation-patterns-2026,
author = {Barnhardt-Enterprises-Inc},
title = {zod-validation-patterns security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns/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: "zod-validation-patterns security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Barnhardt-Enterprises-Inc"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns/audits/9"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-zod-validation-patterns:audit:9"
description: "Skillstore immutable audit report identifier"
在业务逻辑运行之前,为 Next.js 路由、Server Actions 和请求载荷创建 Zod 模式。
将 Zod 验证失败转换为清晰的字段消息、格式化错误和本地化用户反馈。
为标识符、联系方式、地址、支付、日期和类型化数据契约构建通用验证模块。
为这个 TypeScript 数据模型创建一个 Zod 模式。包含必填字段、可选字段、清晰消息和推断类型。
使用 Zod 验证模式为这次提交设计表单验证。包含安全解析和用户友好的字段错误。
为这些跨字段规则设计 Zod refinements。说明哪些规则属于 refine、superRefine 或单独的服务检查。
审查此验证层的模式复用、转换、异步检查、类型推断、错误处理和不安全的验证缺口。
许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
5ab1d37e83436c6eef84de88573e142b94f2a4ad
维护新鲜度
2026/7/22
使用量
9 次下载 · 309 次浏览
改进前端视觉设计
通用前端界面往往看起来相似,并且缺少品牌焦点。此技能会指导排版、色彩、动效和层次深度选择,以打造更清晰的界面。
强制执行测试驱动开发工作流
团队经常跳过测试,或在实现之后才编写测试。此技能会引导 Claude、Codex 和 Claude Code 采用测试优先的交付方式。
审计代码中的安全风险
安全敏感代码很容易带着身份验证、输入处理和密钥方面的隐藏缺陷发布。此 skill 为 Claude、Codex 和 Claude Code 提供结构化安全参考和扫描器指导,以支持更安全的审查。
安全地编写严格 TypeScript
TypeScript 项目可能逐渐陷入不安全的模式,从而隐藏运行时缺陷。此技能会引导 Claude、Codex 和 Claude Code 采用更严格的类型用法、更清晰的错误以及更安全的类型收窄。
强制执行 AI 编码质量门禁
AI 辅助编码可能会遗漏测试、安全检查和发布标准。此技能为 Claude、Codex 和 Claude Code 提供分阶段清单,以实现更安全的交付。
构建可访问的 ShadCN UI 组件
React 团队需要用于表单、对话框、表格和可访问控件的一致 ShadCN 模式。此技能引导 Claude、Codex 和 Claude Code 使用 Radix 组件、Tailwind 实用类以及验证实践。
构建可用于生产的前端功能
由 davila7
前端团队需要在各项目中获得一致的 React 和 Next.js 指导。此技能提供用于前端分析的参考工作流、质量实践和辅助脚本。
提升 Playwright 测试覆盖率
由 C0ntr0lledCha0s
当配置、定位器和 fixtures 不一致时,Playwright 测试套件可能会变得不稳定。此技能提供可靠浏览器测试、调试和可复用页面对象的实用模式。
构建 Claude Code 智能体
由 C0ntr0lledCha0s
创建可靠的 AI 智能体需要清晰的 schema、安全的工具和可重复的审查步骤。此技能为 Claude Code 工作流中的智能体设计、验证、迁移和维护提供指导。
Audit 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.
使用 starknet.js 构建 Starknet 应用
由 internet-court
Starknet 集成需要精确处理提供程序、账户、交易和费用。此技能为 Claude、Codex 和 Claude Code 提供实用的 starknet.js v9 模式。
提升 Vue 3 代码质量
由 vuejs-ai
Vue 项目常常会随着时间积累响应式、组件和性能方面的问题。此技能为更安全的模式和更清晰的代码提供有针对性的 Vue 3 指导。