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/18
使用量
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 中繼資料
當路由、中繼資料和結構化資料不一致時,搜尋能見度會受影響。此技能會引導 Claude、Codex 和 Claude Code 完成 Next.js SEO 更新。
建構型別安全的 React 元件
由 softaworks
React TypeScript 工作經常需要精確的事件、hook 與路由型別。此 skill 提供型別化元件、React 19 APIs 與路由的聚焦模式。
建置可用於正式環境的前端功能
由 davila7
前端團隊需要在各專案之間保持一致的 React 和 Next.js 指引。此技能提供前端分析的參考工作流程、品質實務和輔助腳本。
建置現代化 React 和 Next.js 應用程式
由 sickn33
React 和 Next.js 專案通常需要在路由、元件、樣式、資料、表單、測試和部署方面採用一致的設定選擇。此技能為 Claude、Codex 和 Claude Code 提供以階段為基礎的工作流程,用於規劃和建置現代化前端應用程式。
提升 Playwright 測試覆蓋率
由 C0ntr0lledCha0s
當設定、定位器和 fixtures 不一致時,Playwright 測試套件可能會變得不穩定。此技能提供可靠瀏覽器測試、除錯和可重用 page objects 的實用模式。
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 模式。