code-instructor
80透過建置應用程式學習程式碼
當範例與實際專案脫節時,學習程式碼可能會顯得抽象。這項技能會在逐步建置可運作的應用程式時,同步教授相關概念。
建構 Next.js 應用程式資料檔案
當不相關的記錄被群組在一起時,應用程式資料檔案可能會變得難以維護。此技能為模組化 Next.js 資料檔案提供簡單規則。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "writing-data" from https://skillstore.io/skills/emz1998-writing-data.md and its manifest at https://skillstore.io/api/skills/emz1998-writing-data/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「writing-data」。 要求將兩則見證和一個定價項目新增到應用程式資料資料夾。
預期結果:
一份檔案計畫,其中包含分開的見證檔案和獨立的定價檔案,且每個檔案都少於 50 行。
正在使用「writing-data」。 一個混合導覽、定價和見證的大型內容資料檔案。
預期結果:
一份重構建議,將每個內容區域分離成聚焦的資料檔案。
正在使用「writing-data」。 針對多個功能資料項目提出的資料夾計畫。
預期結果:
一份審查,標記過大的檔案以及應該拆分的群組記錄。
The two static findings are false positives caused by Markdown inline-code backticks around srs/data in SKILL.md. I found no executable code, shell invocation instructions, prompt injection text, or semantic data-exfiltration intent in the 16-line skill file.
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/emz1998-writing-data/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-writing-data?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-writing-data?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-writing-data/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-writing-data.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-data security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-writing-data/audits/4@techreport{emz1998-emz1998-writing-data-2026,
author = {Emz1998},
title = {writing-data security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/emz1998-writing-data/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-data 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-data/audits/4"
identifiers:
- type: other
value: "skillstore:emz1998-writing-data:audit:4"
description: "Skillstore immutable audit report identifier"
為新的 Next.js 功能規劃小型資料檔案,避免建立過大的檔案。
將可重複使用的網站內容分離成聚焦的檔案,以便更容易更新。
根據簡單的大小與模組化規則檢查建議的資料資料夾。
使用 writing-data skill 將這個新項目放入應用程式資料資料夾。為一個資料項目建立一個檔案。
使用 writing-data skill 將這些相關項目拆分成模組化資料檔案。讓每個檔案都少於 50 行。
使用 writing-data skill 審查這個大型資料檔案計畫。提出每個檔案只包含一個資料項目的較小檔案。
使用 writing-data skill 檢查我提出的應用程式資料資料夾結構。找出違反模組化或 50 行規則的檔案。
作者
Emz1998授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
a06681402992ceae98ba04d54cfd4ab004862696
維護新鮮度
2026/7/22
使用量
7 次下載 · 144 次瀏覽
檔案結構
📄 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 型別與介面。
提交前審查實作成果
當工作流程步驟快速推進時,團隊可能會漏掉計畫缺陷或程式碼問題。此技能會在進入下一階段前,將已完成的計畫和實作成果轉交給審查代理。
實作 React View Transitions
由 vercel-labs
React view transitions 很容易放錯位置,導致動畫靜默無效或過於吵雜。這項技能會引導你針對路由、Suspense、清單與共享元素的動畫做出選擇。
建置可用於正式環境的前端功能
由 davila7
前端團隊需要在各專案之間保持一致的 React 和 Next.js 指引。此技能提供前端分析的參考工作流程、品質實務和輔助腳本。
最佳化 React 與 Next.js 效能
由 vercel-labs
React 和 Next.js 應用程式常因瀑布式請求、大型 bundle,以及可避免的重新渲染而降低速度。此技能為代理提供具體規則,以進行更安全、以效能為重點的變更。
以資深指導建置全端應用程式
由 alirezarezvani
全端專案通常需要一致的設定、架構選擇與品質檢查。此技能提供用於 React、Next.js、Node.js、GraphQL 與 PostgreSQL 工作的指令碼與參考資料。
使用 Resend 建置 React Email 範本
由 resend
建立可用於正式環境的電子郵件範本很困難,因為電子郵件用戶端各不相同。此技能會引導 Claude、Codex 和 Claude Code 完成 React Email 元件、寄送、樣式、本地化與編輯器工作流程。
設計獨特的前端介面
由 Atman36
通用生成介面通常看起來可預測且薄弱。這項技能會引導 Claude、Codex 和 Claude Code 產出獨特且生產環境就緒的前端設計。