page-builder
79建置 Tailark 行銷頁面
當元件選擇不明確時,組裝行銷頁面可能會花費時間。此技能會將頁面目標對應到 Tailark 區塊與實作步驟。
將 S3 上傳加入您的應用程式
建置檔案上傳需要 UI、用戶端邏輯和伺服器路由。此 skill 會引導 Claude、Codex 和 Claude Code 使用適合 Web 應用程式的 S3 上傳模式。
安裝前請停止並請求確認。
請審查安裝計畫,並在變更檔案前取得使用者明確同意。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "s3-upload-handler" from https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler.md and its manifest at https://skillstore.io/api/skills/aayushbaniya2006-s3-upload-handler/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「s3-upload-handler」。 Add a profile image uploader to my account settings page.
預期結果:
助理會建議按鈕變體,列出所需的 route 和 callback,並註明要將回傳的圖片 URL 儲存在哪裡。
正在使用「s3-upload-handler」。 I need a project asset dropzone with five files and image-only uploads.
預期結果:
助理會描述 dropzone 設定、檔案限制、接受的圖片類型,以及預期的上傳完成行為。
正在使用「s3-upload-handler」。 Review my presigned upload route before production.
預期結果:
助理會回報缺少的存取檢查、伺服器端驗證需求、私有物件儲存建議,以及更安全的物件 key 處理方式。
Most external-command findings are false positives from Markdown inline code and fenced TypeScript examples, with no shell execution. The AWS credential and .env.local guidance is confirmed as sensitive secret handling, and the presigned upload example adds a high-risk concern because it lacks visible access control and uses public-read uploads.
這些是真實的本機能力,對此技能而言可能是預期行為,因此需要複核,但不會按已確認的惡意行為計分。
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/aayushbaniya2006-s3-upload-handler/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/aayushbaniya2006-s3-upload-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). s3-upload-handler security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8@techreport{aayushbaniya2006-aayushbaniya2006-s3-upload-handler-2026,
author = {AayushBaniya2006},
title = {s3-upload-handler security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/aayushbaniya2006-s3-upload-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: "s3-upload-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-s3-upload-handler/audits/8"
identifiers:
- type: other
value: "skillstore:aayushbaniya2006-s3-upload-handler:audit:8"
description: "Skillstore immutable audit report identifier"
使用按鈕變體來引導簡單的單一檔案上傳流程,用於個人資料圖片。
使用 dropzone 模式,搭配檔案數量與大小限制,支援多檔案工作流程。
當 API routes 或 server actions 在儲存前建立檔案時,使用伺服器工具模式。
使用此 skill 規劃 Next.js 頁面的簡單 S3 上傳流程。推薦元件、必要 props 和設定步驟。
使用此 skill 搭配 ClientS3Uploader 設計自訂 S3 上傳介面。包含狀態處理、進度預期和錯誤處理。
使用此 skill 為產生的檔案概述伺服器端 S3 上傳路徑。包含內容類型、物件路徑和回應處理。
使用此 skill 檢閱 presigned S3 upload route。識別缺少的驗證、授權、驗證檢查、物件 ACL 和 key 命名控制。
授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
c1fdca50ff516318f65fed0d7f9e82797c5171dc
維護新鮮度
2026/7/18
使用量
6 次下載 · 246 次瀏覽
檔案結構
📄 SKILL.md
建置 Tailark 行銷頁面
當元件選擇不明確時,組裝行銷頁面可能會花費時間。此技能會將頁面目標對應到 Tailark 區塊與實作步驟。
建置點數購買與餘額流程
當定價、餘額與 UI 流程變得不一致時,點數功能可能會失效。此技能會指引點數類型、購買流程、餘額顯示與分配輔助工具。
保護 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 表單交付模式。
建置可用於正式環境的前端功能
由 davila7
前端團隊需要在各專案之間保持一致的 React 和 Next.js 指引。此技能提供前端分析的參考工作流程、品質實務和輔助腳本。
提升 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 模式。
改善 Vue 3 程式碼品質
由 vuejs-ai
Vue 專案常會隨時間累積響應性、元件和效能方面的錯誤。此技能提供針對性的 Vue 3 指引,協助採用更安全的模式並寫出更清晰的程式碼。
以資深指導建置全端應用程式
由 alirezarezvani
全端專案通常需要一致的設定、架構選擇與品質檢查。此技能提供用於 React、Next.js、Node.js、GraphQL 與 PostgreSQL 工作的指令碼與參考資料。