page-builder
79构建 Tailark 营销页面
当组件选择不明确时,组装营销页面可能会耗费时间。此技能会将页面目标映射到 Tailark 区块和实施步骤。
构建积分购买和余额流程
当定价、余额和 UI 流程变得不一致时,积分功能可能会失效。此技能指导积分类型、购买流程、余额显示和分配辅助工具。
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "credits-handler" from https://skillstore.io/skills/aayushbaniya2006-credits-handler.md and its manifest at https://skillstore.io/api/skills/aayushbaniya2006-credits-handler/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“credits-handler”。 I need to add credits for video generation.
预期结果:
正在使用“credits-handler”。 I need a page where users buy image credits.
预期结果:
该技能会指向项目购买 hook,解释套餐大小,展示价格加载状态,并将用户路由到结账流程。
正在使用“credits-handler”。 I want to deduct credits before a premium action.
预期结果:
All static findings are false positives caused by Markdown inline code, code fences, and TypeScript or TSX examples. The scanned files show documentation for credit-system integration, with no shell execution, prompt injection, or data exfiltration intent.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
https://skillstore.io/skills/aayushbaniya2006-credits-handler/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/aayushbaniya2006-credits-handler?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/aayushbaniya2006-credits-handler?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/aayushbaniya2006-credits-handler/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/aayushbaniya2006-credits-handler.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>AayushBaniya2006. (2026). credits-handler security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/aayushbaniya2006-credits-handler/audits/8@techreport{aayushbaniya2006-aayushbaniya2006-credits-handler-2026,
author = {AayushBaniya2006},
title = {credits-handler security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/aayushbaniya2006-credits-handler/audits/8},
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: "credits-handler security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "AayushBaniya2006"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/aayushbaniya2006-credits-handler/audits/8"
identifiers:
- type: other
value: "skillstore:aayushbaniya2006-credits-handler:audit:8"
description: "Skillstore immutable audit report identifier"
定义一种新的积分类型,包含定价元数据和可选的套餐分配规则。
构建一个购买卡片,用于显示计算后的价格并启动结账流程。
使用共享辅助工具来分配积分、防止重复添加,并在付费操作前检查余额。
Use the credits-handler skill to explain where credit types, pricing, and plan allocation settings live in this project.
Use the credits-handler skill to guide adding a new credit type for [feature] with pricing slabs and a minimum purchase amount.
Use the credits-handler skill to design a credit purchase card for [credit type] that calculates price and starts checkout.
Use the credits-handler skill to review my credit purchase, allocation, balance display, and deduction flow for missing integration steps.
许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
c1fdca50ff516318f65fed0d7f9e82797c5171dc
维护新鲜度
2026/7/23
使用量
9 次下载 · 280 次浏览
文件结构
📄 SKILL.md
构建 Tailark 营销页面
当组件选择不明确时,组装营销页面可能会耗费时间。此技能会将页面目标映射到 Tailark 区块和实施步骤。
保护 Next.js 认证路由
当团队混用 session API 和路由守卫时,认证变更经常会失败。此技能会引导 Claude、Codex 和 Claude Code 使用项目辅助函数来实现安全的访问控制。
撰写清晰的营销文案
团队经常需要清晰、简洁且以转化为导向的有说服力文案。此技能可起草并改进落地页、电子邮件、CTA 和产品信息传达。
使用 Shadcn 和 21st.dev 构建 UI
前端团队需要一致的 UI 组件和页面区块。此技能指导 Claude、Codex 和 Claude Code 使用 Shadcn MCP 和 21st.dev MCP。
构建经过验证的表单和 API 路由
团队经常在不同功能中重复表单、验证和 CRUD 路由设置。此技能为 Claude、Codex 和 Claude Code 提供一致的 TypeScript 表单交付模式。
优化 Next.js SEO Metadata
当路由、metadata 和结构化数据不一致时,搜索可见性会受到影响。此 skill 指导 Claude、Codex 和 Claude Code 完成 Next.js SEO 更新。
构建类型安全的 React 组件
由 softaworks
React TypeScript 工作通常需要精确的事件、hook 和路由类型。此技能提供针对类型化组件、React 19 API 和路由的聚焦模式。
构建可用于生产的前端功能
由 davila7
前端团队需要在各项目中获得一致的 React 和 Next.js 指导。此技能提供用于前端分析的参考工作流、质量实践和辅助脚本。
构建现代 React 和 Next.js 应用
由 sickn33
React 和 Next.js 项目通常需要在路由、组件、样式、数据、表单、测试和部署方面保持一致的设置选择。此技能为 Claude、Codex 和 Claude Code 提供基于阶段的工作流,用于规划和构建现代前端应用。
提升 Playwright 测试覆盖率
由 C0ntr0lledCha0s
当配置、定位器和 fixtures 不一致时,Playwright 测试套件可能会变得不稳定。此技能提供可靠浏览器测试、调试和可复用页面对象的实用模式。
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 模式。