frontend-aesthetics
79改善前端視覺設計
通用的前端畫面通常看起來相似,且缺少品牌焦點。此技能會引導字體排印、色彩、動效與深度選擇,以打造更清晰的介面。
建立 Drizzle PostgreSQL 模式
團隊在 PostgreSQL 專案中需要一致的 Drizzle ORM 模式。此技能提供 schema、relation、query、mutation、transaction 和 migration 範例。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "drizzle-patterns" from https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-drizzle-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「drizzle-patterns」。 為 PostgreSQL app 建立 Drizzle user schema。
預期結果:
一個 users table 規劃,包含 UUID primary keys、unique email、profile fields、timestamps,以及推斷 TypeScript model 的指引。
正在使用「drizzle-patterns」。 展示如何 query verified users with posts。
預期結果:
一種 query 方法,使用 relation loading、verified-email filter、newest-first sorting,以及小型 result limit。
正在使用「drizzle-patterns」。 為新的 profiles table 規劃 migration。
預期結果:
The static command findings are Markdown code fence matches or sample Drizzle Kit CLI commands, not embedded execution logic. Environment findings only show standard process.env.DATABASE_URL use in examples with no secret disclosure, file access, network exfiltration, or prompt injection evidence.
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-drizzle-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-drizzle-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). drizzle-patterns security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns/audits/8@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-drizzle-patterns-2026,
author = {Barnhardt-Enterprises-Inc},
title = {drizzle-patterns security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns/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: "drizzle-patterns security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Barnhardt-Enterprises-Inc"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns/audits/8"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-drizzle-patterns:audit:8"
description: "Skillstore immutable audit report identifier"
為新的 TypeScript 應用程式建立一致的 schema、relation 和 client 模式。
將專案 queries 與簡單的 Drizzle 模式比較,檢查 filters、sorting 和 relation loading。
記錄常見的 Drizzle Kit 指令,用於產生、套用和檢查 database migrations。
使用 drizzle-patterns 概述具備推斷型別的 PostgreSQL user schema。以淺白語言說明每個欄位選擇。
使用 drizzle-patterns 設計 users 與 posts 之間的 relations。包含每個 relation 和 reference field 的用途。
使用 drizzle-patterns 審查這些 Drizzle queries 的 filtering、sorting、relation loading 和 return shape 一致性。
使用 drizzle-patterns 為新 table 規劃安全的 migration 工作流程。包含 generation、review、application 和 rollback 考量。
授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
維護新鮮度
2026/7/18
使用量
6 次下載 · 246 次瀏覽
檔案結構
📄 SKILL.md
改善前端視覺設計
通用的前端畫面通常看起來相似,且缺少品牌焦點。此技能會引導字體排印、色彩、動效與深度選擇,以打造更清晰的介面。
強制執行測試驅動開發工作流程
團隊經常跳過測試,或在實作後才撰寫測試。此技能會引導 Claude、Codex 和 Claude Code 採用測試優先的交付方式。
稽核程式碼的安全風險
安全敏感程式碼很容易在身分驗證、輸入處理和機密方面帶著隱藏缺陷就被發布。此技能為 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 工具類別與驗證實務。
提升 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 指引,協助採用更安全的模式並寫出更清晰的程式碼。
打造可靠的後端 API
由 alirezarezvani
後端專案通常需要在 API、資料庫、安全性與部署之間進行一致的規劃。此技能透過簡單的輔助指令碼與參考資料,為 Claude、Codex 和 Claude Code 提供結構化的後端指引。
建構型別安全的 React 元件
由 softaworks
React TypeScript 工作經常需要精確的事件、hook 與路由型別。此 skill 提供型別化元件、React 19 APIs 與路由的聚焦模式。