📦
rn-performance
79最佳化 React Native 效能
React Native 應用程式可能會遇到清單緩慢、額外渲染和 JS 執行緒停滯等問題。這項技能提供專注於更快的 FlatList 畫面、記憶化元件、最佳化 selector、快取圖片和效能分析的模式。
コーディング＆開発 表示
スキル web-build-deploy
📦
web-build-deploy
コンテンツリビジョン r1 安全 ⚡ スクリプトを含む⚙️ 外部コマンド🌐 ネットワークアクセス🔑 環境変数
可靠地部署 React 應用程式
React 部署設定可能重複且容易出錯。此技能提供 Vercel、Netlify、Docker、CI/CD、環境與監控的實用範例。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "web-build-deploy" from https://skillstore.io/skills/cjharmath-web-build-deploy.md and its manifest at https://skillstore.io/api/skills/cjharmath-web-build-deploy/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「web-build-deploy」を使用しています。 一個 Vite React app 需要使用環境變數和 SPA 路由進行 Vercel 部署。
期待される結果:
一份精簡計畫，涵蓋建置指令、輸出目錄、預覽行為、環境名稱、安全標頭和驗證檢查。
「web-build-deploy」を使用しています。 一個團隊想要為靜態 React bundle 進行 Docker 部署。
期待される結果:
- 多階段建置建議。
- nginx 路由與快取指引。
- 選用 API 和資料庫服務的 Compose 注意事項。
「web-build-deploy」を使用しています。 一個儲存庫需要 pull request 預覽部署。
期待される結果:
一份工作流程大綱，包含 checkout、dependency install、測試、部署預覽和 pull request 留言步驟。
セキュリティ監査
安全v9 • 2026/7/9 バージョン別レポートを開く
The static alerts are overwhelmingly false positives from Markdown fenced examples, placeholder URLs, and documentation snippets for environment variables. I found no prompt injection, secret exfiltration, malicious network behavior, or executable helper scripts in SKILL.md. The author should clarify sample secrets and global CLI install examples so users do not copy unsafe placeholders into production.
1
スキャンされたファイル
472
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
⚡ スクリプトを含む (3)
⚙️ 外部コマンド (42)
SKILL.md:12-21 SKILL.md:21-25 SKILL.md:25-43 SKILL.md:43-47 SKILL.md:47-55 SKILL.md:55-60 SKILL.md:60-68 SKILL.md:68-80 SKILL.md:80-84 SKILL.md:84-102 SKILL.md:102-106 SKILL.md:106-111 SKILL.md:111-119 SKILL.md:119-143 SKILL.md:143-147 SKILL.md:147-173 SKILL.md:173-177 SKILL.md:177-211 SKILL.md:211-215 SKILL.md:215-225 SKILL.md:225-233 SKILL.md:233-275 SKILL.md:275-279 SKILL.md:279-308 SKILL.md:308-316 SKILL.md:316-329 SKILL.md:329-331 SKILL.md:331-337 SKILL.md:337-341 SKILL.md:341-347 SKILL.md:347-349 SKILL.md:349-356 SKILL.md:356-364 SKILL.md:364-382 SKILL.md:382-386 SKILL.md:386-393 SKILL.md:393-397 SKILL.md:397-412 SKILL.md:412-420 SKILL.md:420-426 SKILL.md:426-430 SKILL.md:430-442
🌐 ネットワークアクセス (5)
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/cjharmath-web-build-deploy/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/cjharmath-web-build-deploy?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/cjharmath-web-build-deploy?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-web-build-deploy/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/cjharmath-web-build-deploy.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形式の引用
CJHarmath. (2026). web-build-deploy security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-web-build-deploy/audits/9BibTeX形式の引用
@techreport{cjharmath-cjharmath-web-build-deploy-2026,
author = {CJHarmath},
title = {web-build-deploy security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/cjharmath-web-build-deploy/audits/9},
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: "web-build-deploy security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/cjharmath-web-build-deploy/audits/9"
identifiers:
- type: other
value: "skillstore:cjharmath-web-build-deploy:audit:9"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
72
コミュニティ
83
仕様準拠
作成できるもの
標準化 React 部署配方
為產品團隊建立可重複使用的 Vercel、Netlify、Docker 和 GitHub Actions 指引。
準備正式環境建置
在發布前設定環境變數、SPA 路由、安全標頭和建置檢查。
交付預覽環境
加入 pull request 預覽與留言，讓審查者可在合併前測試變更。
これらのプロンプトを試す
建立部署檢查清單
為我的使用 Vite 和 Vercel 的 React app 建立正式環境部署檢查清單。包含建置、環境、安全性和回滾項目。
設定 Netlify 託管
協助我為 React single page app 設定 Netlify。包含建置設定、重新導向、標頭和環境變數。
建置 Docker 部署資產
為具有 nginx、SPA fallback、快取和選用後端服務的靜態 React app 設計 Docker 部署計畫。
設計具預覽功能的 CI/CD
為 React app 設計 GitHub Actions CI/CD 工作流程，包含測試、預覽部署、正式部署、健康檢查和 Sentry tracking。
ベストプラクティス
- 將部署 secrets 保存在平台 secret stores 中，而不是提交的檔案或共享 prompts 中。
- 在建立正式環境部署前，先執行測試和本機正式環境建置。
- 記錄客戶端、伺服器端、預覽和正式環境脈絡中的環境變數所有權。
回避
- 不要將真實 .env 檔案或資料庫憑證提交到儲存庫。
- 不要在正式環境部署中重複使用範例密碼或 placeholder hosts。
- 不要在缺少 SPA fallback、安全標頭和回滾驗證的情況下部署。
よくある質問
此技能只支援 React 嗎？
它聚焦於 React apps，並提供 Vite 和 Next.js 部署模式的範例。
它可以替我部署嗎？
它可以指引指令和設定，但帳戶存取權與最終部署核准仍由使用者負責。
它會處理 secrets 嗎？
它會說明 secrets 應放置的位置，但使用者必須透過受信任的平台設定提供值。
涵蓋哪些託管服務？
此指南涵蓋 Vercel、Netlify、Docker、nginx、GitHub Actions 和相關監控設定。
它可以協助預覽部署嗎？
可以。它包含 pull request 預覽工作流程，以及發布預覽 URLs 的指引。
它可以最佳化建置嗎？
可以。它涵蓋 bundle 分析、route splitting、manual chunks、快取和正式環境檢查。
開発者情報
作成者
CJHarmathライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
0519034dad657fb1f7706e0550e962beeda73fdf
メンテナンスの新しさ
2026/7/18
利用状況
6 ダウンロード · 303 閲覧
ファイル構成
📄 SKILL.md
CJHarmath のその他のスキル
すべて表示📦
react-zustand-patterns
78改善 React Zustand Store 模式
React 團隊在使用 Zustand 時，可能會遇到過期狀態、渲染時機與非同步 action 錯誤。此技能提供 stores、selectors、衍生狀態、測試、偵錯與持久化的直接模式。
コーディング＆開発 表示
📦
rn-styling
78套用 React Native 樣式模式
React Native 樣式在不同主題、畫面與平台之間可能變得不一致。此 skill 為 Expo 應用程式提供實用的 NativeWind 與 BrandColors 模式。
コーディング＆開発 表示
📦
rn-observability
78改善 React Native 可觀測性
無聲失敗與薄弱的錯誤訊息會讓行動應用程式錯誤難以診斷。此技能提供實用的 React Native 模式，涵蓋記錄、錯誤、追蹤與安全回報。
コーディング＆開発 表示
📦
rn-zustand-patterns
78建構可靠的 React Native Zustand Store
React Native 團隊經常在過期狀態、非同步動作時序，以及可避免的渲染上耗費時間。此技能提供 Zustand 模式，讓 store 行為更容易推理、測試與偵錯。
コーディング＆開発 表示
📦
rn-auth
78實作 Expo 驗證流程
Expo 驗證經常失敗，因為 OAuth 重新導向、權杖儲存和路由守衛必須在應用程式與後端之間保持一致。此技能提供具體的 React Native 模式，涵蓋 Google 登入、安全權杖處理、受保護路由，以及後端權杖驗證。
コーディング＆開発 表示
関連スキル
すべて表示📦
senior-devops
81自動化 DevOps 管線與部署
作成者 alirezarezvani
DevOps 工作通常需要可重複的管線、基礎架構與部署模式。此技能提供 CI/CD、IaC、部署與營運審查的腳本和參考指南。
DevOps＆インフラ 表示
📦
cloud-devops
80協調雲端 DevOps 工作流程
作成者 sickn33
雲端交付工作通常橫跨許多工具與階段。此技能會將基礎架構、CI/CD、Kubernetes、監控、安全性、成本與復原工作整理成清晰的提示。
DevOps＆インフラ 表示
📦
testing
85建構可靠的測試自動化
作成者 89jobrien
薄弱的測試會拖慢發布並掩蓋回歸問題。此技能可引導測試策略、TDD、自動化、覆蓋率審查，以及 Playwright 網頁檢查。
コーディング＆開発 表示
📦
senior-fullstack
82以資深指導建置全端應用程式
作成者 alirezarezvani
全端專案通常需要一致的設定、架構選擇與品質檢查。此技能提供用於 React、Next.js、Node.js、GraphQL 與 PostgreSQL 工作的指令碼與參考資料。
コーディング＆開発 表示
📦
vercel-react-view-transitions
82實作 React View Transitions
作成者 vercel-labs
React view transitions 很容易放錯位置，導致動畫靜默無效或過於吵雜。這項技能會引導你針對路由、Suspense、清單與共享元素的動畫做出選擇。
コーディング＆開発 表示
📦
react-dev
82建構型別安全的 React 元件
作成者 softaworks
React TypeScript 工作經常需要精確的事件、hook 與路由型別。此 skill 提供型別化元件、React 19 APIs 與路由的聚焦模式。
コーディング＆開発 表示