code-instructor
80透過建置應用程式學習程式碼
當範例與實際專案脫節時,學習程式碼可能會顯得抽象。這項技能會在逐步建置可運作的應用程式時,同步教授相關概念。
撰寫模組化 Next.js Config 檔案
當許多設定放在一起時,Next.js config 資料夾可能會變得難以維護。此技能會引導 Claude、Codex 和 Claude Code 建立小型模組化檔案。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "writing-config-files" from https://skillstore.io/skills/emz1998-writing-config-files.md and its manifest at https://skillstore.io/api/skills/emz1998-writing-config-files/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「writing-config-files」。 Create feature flag configuration for a Next.js app.
預期結果:
一個放在 src/config 中的簡短 feature flag config 檔案,具有單一匯出值與清楚命名。
正在使用「writing-config-files」。 Split analytics and navigation settings into separate config files.
預期結果:
正在使用「writing-config-files」。 Refactor a large config module into smaller files.
預期結果:
一個建議的檔案拆分方式,將每個 config function 或 variable 分離到自己的 src/config 檔案中。
The two static findings are false positives caused by Markdown inline code backticks around src/config. SKILL.md contains prompt guidance only, with no command execution, network access, or prompt injection evidence.
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/emz1998-writing-config-files/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-writing-config-files?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-writing-config-files?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-writing-config-files/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-writing-config-files.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Emz1998. (2026). writing-config-files security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-writing-config-files/audits/4@techreport{emz1998-emz1998-writing-config-files-2026,
author = {Emz1998},
title = {writing-config-files security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/emz1998-writing-config-files/audits/4},
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: "writing-config-files security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/emz1998-writing-config-files/audits/4"
identifiers:
- type: other
value: "skillstore:emz1998-writing-config-files:audit:4"
description: "Skillstore immutable audit report identifier"
為不應共用同一個大型模組的設定建立獨立 config 檔案。
為 AI 助理提供清楚的 config 檔案大小、位置與結構規則。
將範圍過廣的 config 模組拆分成較小檔案,每個檔案只匯出一個概念。
在 src/config 底下為 feature flags 建立一個小型 Next.js config 檔案。保持模組化並控制在 50 行以內。
為 analytics 和 navigation settings 建立 config 檔案。將每個 function 或 variable 放在自己的 src/config 檔案中。
Review this large config module and suggest how to split it into src/config files with one export per file.
規劃一個適合成長中 Next.js app 的 src/config 結構。分離關注點、保持檔案簡短,並說明每個檔案用途。
作者
Emz1998授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
a06681402992ceae98ba04d54cfd4ab004862696
維護新鮮度
2026/7/22
使用量
6 次下載 · 142 次瀏覽
檔案結構
📄 SKILL.md
透過建置應用程式學習程式碼
當範例與實際專案脫節時,學習程式碼可能會顯得抽象。這項技能會在逐步建置可運作的應用程式時,同步教授相關概念。
以結構化構想腦力激盪 App 功能
團隊需要實用的功能構想,能連結使用者價值、可行性與指標。此技能會引導針對 Web 與行動 App 規劃的結構化腦力激盪。
建立精簡的 Next.js 頁面版面配置
當版面配置、型別與頁面邏輯一起成長時,Next.js 頁面檔案可能會變得難以維護。此 skill 會引導 Claude、Codex 和 Claude Code 產生模組化的 page.tsx 版面配置,並將型別分離出來。
產生專案任務路線圖
專案團隊經常難以將規格轉化為清晰的實作工作。此技能會將規格轉換為分階段的任務,並包含相依性與驗證步驟。
撰寫模組化 Next.js 型別
Next.js 專案可能累積難以維護的大型型別檔案。此技能會引導 Claude、Codex 和 Claude Code 在 srs/types 中撰寫小型 TypeScript 型別與介面。
提交前審查實作成果
當工作流程步驟快速推進時,團隊可能會漏掉計畫缺陷或程式碼問題。此技能會在進入下一階段前,將已完成的計畫和實作成果轉交給審查代理。
以資深指導建置全端應用程式
由 alirezarezvani
全端專案通常需要一致的設定、架構選擇與品質檢查。此技能提供用於 React、Next.js、Node.js、GraphQL 與 PostgreSQL 工作的指令碼與參考資料。
實作 React View Transitions
由 vercel-labs
React view transitions 很容易放錯位置,導致動畫靜默無效或過於吵雜。這項技能會引導你針對路由、Suspense、清單與共享元素的動畫做出選擇。
建置可用於正式環境的前端功能
由 davila7
前端團隊需要在各專案之間保持一致的 React 和 Next.js 指引。此技能提供前端分析的參考工作流程、品質實務和輔助腳本。
規劃 Next.js App Router 架構
由 89jobrien
Next.js 團隊可能難以選擇路由、元件、資料載入方式與遷移步驟。此技能針對 App Router、Server Components 與效能提供結構化的架構指引。
最佳化 Next.js 效能
由 Atman36
Next.js 應用程式可能因大型 bundle、薄弱的快取,以及未最佳化的媒體而變慢。此技能會引導 Claude、Codex 和 Claude Code,針對正式環境應用程式進行聚焦的效能改善。
最佳化 React 與 Next.js 效能
由 vercel-labs
React 和 Next.js 應用程式常因瀑布式請求、大型 bundle,以及可避免的重新渲染而降低速度。此技能為代理提供具體規則,以進行更安全、以效能為重點的變更。