📦
content-creator
88建立符合品牌一致性的行銷內容
行銷團隊需要能在各通路保持一致的內容。這項技能可協助規劃、撰寫、分析及最佳化內容，以符合品牌語調與 SEO。
寫作與內容 查看
技能 zustand-store-ts
📦
zustand-store-ts
內容修訂 r1 安全 ⚙️ 外部命令
建置型別化的 Zustand Store
React 團隊需要可預測的全域狀態，並避免不清楚的 store 結構。此技能會引導 Claude、Codex 和 Claude Code 建立具有選擇器與中介軟體的型別化 Zustand store。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "zustand-store-ts" from https://skillstore.io/skills/sickn33-zustand-store-ts.md and its manifest at https://skillstore.io/api/skills/sickn33-zustand-store-ts/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「zustand-store-ts」。 要求為專案項目建立具有載入狀態與新增項目行為的 store。
預期結果:
一份結構化的 store 規劃，包含型別化狀態、型別化動作、選擇器建議，以及匯出與測試的整合備註。
正在使用「zustand-store-ts」。 詢問從 Zustand store 讀取項目時如何避免重新渲染。
預期結果:
指引只選取所需的狀態值、避免解構整個 store，並保持元件訂閱範圍狹窄。
正在使用「zustand-store-ts」。 要求在選定識別碼變更時於 React 外部進行訂閱。
預期結果:
一種訂閱方法，會監看選定的識別碼，並在該值變更時執行聚焦的回呼。
安全審計
安全v5 • 2026/7/7 開啟版本化報告
All static findings were reviewed against SKILL.md. The backtick detections are Markdown inline code markers or fenced TypeScript examples, not executable shell or Ruby commands. The system reconnaissance finding is a comment about avoiding React rerenders, and no prompt injection or malicious intent was found.
1
已掃描檔案
69
分析行數
0
複核項目
0
已忽略的誤報
風險因素
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/sickn33-zustand-store-ts/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/sickn33-zustand-store-ts?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/sickn33-zustand-store-ts?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-zustand-store-ts/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/sickn33-zustand-store-ts.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
sickn33. (2026). zustand-store-ts security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-zustand-store-ts/audits/5BibTeX 引用
@techreport{sickn33-sickn33-zustand-store-ts-2026,
author = {sickn33},
title = {zustand-store-ts security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-zustand-store-ts/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "zustand-store-ts security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/sickn33-zustand-store-ts/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-zustand-store-ts:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高 55
架構
85
可維護性
87
內容
69
社群
91
規範符合度
你可以打造什麼
建立功能 Store
為功能資料、載入狀態與動作建置型別化的 Zustand store。
標準化 Store 模式
在 React 程式碼庫中套用一致的狀態、動作、選擇器與匯出慣例。
審查狀態使用方式
識別範圍過廣的訂閱，並以限制重新渲染的選擇器取代。
試試這些提示
建立基本 Store
為 [feature name] 建立 TypeScript Zustand store。包含狀態欄位、動作名稱，以及供 React 元件使用的個別選擇器。
加入中介軟體與型別
為 [domain] 設計 Zustand store。使用 subscribeWithSelector、分離狀態與動作，並說明匯出的 store 型別。
重構現有狀態
將此 React 狀態設計重構為型別化的 Zustand store。保留行為、將狀態與動作分離，並避免範圍過廣的訂閱。
規劃外部訂閱
為此 Zustand store 設計 outside-React 訂閱流程。只訂閱所需的值，並描述清理責任。
最佳實務
- 先分別定義狀態與動作，再將它們合併為 store 型別。
- 為每個元件使用選擇器，而不是讀取整個 store。
- 為 store 動作與匯出的整合點加入測試。
避免
- 當元件只需要一個值時，不要讓元件訂閱整個 store。
- 不要將不相關的功能領域混入一個範圍過廣的 store。
- 不要省略狀態與動作的 TypeScript 介面。
常見問題
這項技能可協助建立什麼？
它可協助為 React 應用程式建立型別化的 Zustand store。
它需要 Zustand 知識嗎？
基本的 React 與 TypeScript 知識會有幫助，但提示會引導 store 結構。
為什麼使用 subscribeWithSelector？
它支援聚焦訂閱，並協助將更新限制在選定的狀態。
它可以重構現有 store 嗎？
可以。提供目前的 store 形狀與期望行為，以進行聚焦重構。
它包含範本檔案嗎？
不可以。此技能提到範本路徑，但此套件只包含 SKILL.md。
哪些工具可以使用這項技能？
報告列出支援 Claude、Codex 和 Claude Code。
開發者詳細資訊
作者
sickn33授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
f93e9bb0daca99badb6a7e574b97737155d57cb3
維護新鮮度
2026/7/21
使用量
9 次下載 · 119 次瀏覽
檔案結構
📄 SKILL.md
sickn33 的更多技能
查看全部📦
prompt-engineering-patterns
85以經實證的模式改善 LLM 提示詞
不一致的提示詞會浪費時間，並讓 AI 輸出難以信任。此技能透過可重複使用的模式、範例、評估步驟和最佳化工作流程來指引提示詞設計。
效率 查看
📦
senior-architect
81設計可擴展的軟體架構
在 web、mobile、backend 和 cloud 系統之間比較架構決策並不容易。此技能提供結構化指南與本機 scaffold scripts，用於報告、依賴項審查和取捨文件。
程式開發 查看
📦
senior-fullstack
81以資深級模式建置全端應用程式
團隊需要一致的設定、架構與審查指引，來打造現代 Web 應用程式。此技能為 React、Next.js、Node.js、GraphQL 和 PostgreSQL 專案提供 scaffolders、工作流程參考與品質提示。
程式開發 查看
📦
prompt-engineer
81使用 Prompt Engineer 優化 AI 提示詞
當目標模糊或複雜時，要寫出清楚的提示詞並不容易。此技能會運用經驗證的提示詞框架，將粗略請求轉化為結構化提示詞。
效率 查看
📦
product-manager-toolkit
80運用研究洞察排定產品工作的優先順序
產品團隊需要更快速的方法來排序功能、綜合訪談內容並記錄決策。此技能提供 RICE 評分、訪談分析和 PRD 範本，用於結構化規劃。
效率 查看
相關技能
查看全部📦
react-dev
82建構型別安全的 React 元件
由 softaworks
React TypeScript 工作經常需要精確的事件、hook 與路由型別。此 skill 提供型別化元件、React 19 APIs 與路由的聚焦模式。
程式開發 查看
📦
senior-frontend
81建置可用於正式環境的前端功能
由 davila7
前端團隊需要在各專案之間保持一致的 React 和 Next.js 指引。此技能提供前端分析的參考工作流程、品質實務和輔助腳本。
程式開發 查看
📦
playwright-testing
86提升 Playwright 測試覆蓋率
由 C0ntr0lledCha0s
當設定、定位器和 fixtures 不一致時，Playwright 測試套件可能會變得不穩定。此技能提供可靠瀏覽器測試、除錯和可重用 page objects 的實用模式。
程式開發 查看
📦
nestjs-code-audit
84Audit 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
83使用 starknet.js 建置 Starknet 應用程式
由 internet-court
Starknet 整合需要精確處理提供者、帳戶、交易與費用。此技能為 Claude、Codex 與 Claude Code 提供實用的 starknet.js v9 模式。
程式開發 查看
📦
vue-best-practices
82改善 Vue 3 程式碼品質
由 vuejs-ai
Vue 專案常會隨時間累積響應性、元件和效能方面的錯誤。此技能提供針對性的 Vue 3 指引，協助採用更安全的模式並寫出更清晰的程式碼。
程式開發 查看