vue-router-best-practices
80提升 Vue Router 守衛可靠性
Vue Router 的錯誤可能導致過期資料、被略過的檢查,以及重新導向迴圈。此技能提供安全守衛、路由更新、清理與生產環境路由的聚焦模式。
使用 tsdown 建置 TypeScript 函式庫
TypeScript 函式庫建置通常需要多種格式、宣告檔,以及不依賴緩慢工具也能產生乾淨輸出的流程。tsdown skill 為 Claude、Codex 和 Claude Code 提供針對設定 tsdown 專案的聚焦指引。
安裝前請停止並請求確認。
請審查安裝計畫,並在變更檔案前取得使用者明確同意。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "tsdown" from https://skillstore.io/skills/antfu-tsdown.md and its manifest at https://skillstore.io/api/skills/antfu-tsdown/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「tsdown」。 I need ESM and CJS output with TypeScript declarations.
預期結果:
正在使用「tsdown」。 I am moving a package from tsup to tsdown.
預期結果:
一份遷移計畫,將 entry points、format options、externals、declarations 和 package scripts 對應到 tsdown 的等效設定。
正在使用「tsdown」。 My build output contains unexpected files.
預期結果:
Review confirmed eight findings covering compile-time environment-file loading and an automated release example that deletes output and publishes to npm. The remaining 158 detections are documentation, template literals, fixed local operations, or public links without malicious behavior. No prompt injection, exfiltration intent, or concealed execution was found.
這些是真實的本機能力,對此技能而言可能是預期行為,因此需要複核,但不會按已確認的惡意行為計分。
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/antfu-tsdown/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/antfu-tsdown?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/antfu-tsdown?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-tsdown/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/antfu-tsdown.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>antfu. (2026). tsdown security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/antfu-tsdown/audits/5@techreport{antfu-antfu-tsdown-2026,
author = {antfu},
title = {tsdown security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-tsdown/audits/5},
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: "tsdown security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-tsdown/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-tsdown:audit:5"
description: "Skillstore immutable audit report identifier"
設定具備 ESM、CJS、宣告檔、乾淨輸出和 package exports 的 TypeScript 套件。
將現有 tsup 設定轉換為 tsdown,同時保留 entry points、formats 和相依性行為。
為 React、Vue、Solid 或 WASM 套件設定建置,包含 external dependencies 和宣告輸出。
Set up tsdown for a TypeScript library with ESM, CJS, declarations, and a clean dist output. Explain each choice.
Review my current tsup setup and convert it to tsdown. Keep entry points, formats, declarations, and external dependencies equivalent.
Design a tsdown config for a React component library. Include peer dependency externalization, declaration files, source maps, and package exports.
Plan a tsdown-based build and validation workflow for a monorepo package. Include CI-only checks, hooks, and manual publish safeguards.
作者
antfu授權
MIT
Skillstore 修訂
r2
版本提示
作者未聲明版本。
引用
89edfdc710d0846129dcee6a929477b04f08052c
維護新鮮度
2026/7/25
使用量
9 次下載 · 353 次瀏覽
檔案結構
提升 Vue Router 守衛可靠性
Vue Router 的錯誤可能導致過期資料、被略過的檢查,以及重新導向迴圈。此技能提供安全守衛、路由更新、清理與生產環境路由的聚焦模式。
提升 Vue 測試品質
Vue 測試經常因非同步時序、脆弱的內部實作依賴,以及薄弱的快照而失敗。此技能會引導 Claude、Codex 和 Claude Code 採用可靠的 Vitest、Vue Test Utils 與 Playwright 模式。
提升 Vue 3 型別安全性
Vue 專案經常遇到 template、Volar、router 和 TypeScript 的邊界案例,拖慢審查速度。此技能提供聚焦於 Vue 3 的規則,協助建立更安全的元件、設定與測試。
自信地建構 Vue 3 元件
Vue 團隊需要關於元件、反應性和 TypeScript 模式的最新指引。此 skill 為 Claude、Codex 和 Claude Code 提供聚焦的 Vue 3.5 參考資料。
更快速建置 Vite 應用程式
Vite 專案需要在開發、建置、外掛與部署之間進行謹慎設定。此技能針對常見 Vite 工作流程提供精簡指引。
建置可靠的 Vitest 測試套件
現代 JavaScript 專案需要符合 Vite 工作流程的快速測試。此技能會引導 Claude、Codex 和 Claude Code 完成 Vitest 設定、mock、覆蓋率、fixtures、篩選、snapshots 和 CI 使用方式。
改善 TypeScript 專案
由 sickn33
TypeScript 專案經常面臨嚴格型別、緩慢建置與複雜遷移的挑戰。此技能為現代 TypeScript 工作提供實用的診斷、審查清單與解決方案模式。
提升 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 模式。
Build Interactive Three.js Scenes
由 freshtechbro
Building browser-based 3D scenes requires coordinating rendering, assets, interaction, and performance. This skill provides Three.js examples, reference guides, and a WebGL starter to support implementation.
建構型別安全的 React 元件
由 softaworks
React TypeScript 工作經常需要精確的事件、hook 與路由型別。此 skill 提供型別化元件、React 19 APIs 與路由的聚焦模式。