已發佈技能 26
writing-utils
為 Next.js 建立工具函式
開發者需要乾淨、可重複使用的工具函式來維護程式碼品質。這個技能會產生模組化、專注的工具函式,遵循 Next.js 應用程式的最佳實踐。
writing-types
為 Next.js 撰寫 TypeScript 類型
手動撰寫 TypeScript 類型容易出錯,並可能導致程式碼庫中的模式不一致。此技能提供指導方針,用於建立模組化、可維護的類型定義,以提高程式碼品質和類型安全性。
writing-page-layout
建立 Next.js 頁面版面配置
在 Next.js 中編寫頁面版面配置可能導致專案結構不一致和難以維護的程式碼。此技能提供清晰的指導方針,協助您遵循 Next.js 最佳實踐,建立模組化、井然有序的頁面版面配置。
writing-lib-functions
為 Next.js 撰寫模組化函式庫函數
開發 Next.js 應用程式的開發人員需要一致且可維護的函式庫函數。此技能提供在 srs/lib 目錄中撰寫模組化、組織良好程式碼的明確準則。
writing-data
在 srs/data 中結構化資料
整理分散的資料檔案具有挑戰性,並導致維護問題。此技能提供清晰的指導方針,遵循模組化原則在 srs/data 目錄中結構化資料,以獲得更簡潔、更易維護的程式碼。
writing-config-files
編寫模組化設定檔
為 Next.js 應用程式建立簡潔、可維護的設定檔。此技能強制執行模組化模式,並遵循組織應用程式設定的最佳實踐。
tdd-vitest-typescript
使用 Vitest 和 TypeScript 設定 TDD
先寫測試再寫程式碼可確保軟體的可靠性和可維護性。本技能指南將帶您了解 Vitest 的紅-綠-重構循環,涵蓋測試模式、模擬策略和 TDD 最佳實踐。
ux-prototyping
建立互動式 UX 原型
手動建立互動式原型既耗時又需要前端技能。此技能可將 UX 規格轉換為可在任何瀏覽器中執行的單一檔案 HTML 原型,讓您無需編碼即可快速驗證使用者流程。
tasks-generator
從規格生成任務路線圖
將 PRD、技術規格與 UI/UX 規格轉換為結構化、可執行的任務路線圖。此技能會分析專案需求並產出分階段的衝刺計畫,包含可並行的任務機會與相依性追蹤。
specs-creator
建立專業規格文件
團隊在製作一致且全面的文件時常常遇到困難。此技能能夠根據經過驗證的範本產生標準化的PRD、技術規格和UX規格,確保不會遺漏任何重要內容,讓相關人員獲得清晰、可執行的文件。
skills-creator
建立 Claude Code 代理技能
手動建立代理技能需要了解複雜的格式規則和最佳實踐。此技能透過讀取參考文檔、驗證輸入,並遵循 Claude Code 慣例生成結構正確的 SKILL.md 文件來自動化技能建立。
setup
設定 shadcn UI 元件
此技能提供 NEXLY RN 專案的設定說明,包括將 shadcn UI 元件新增到開發工作流程中的指引。
reporting-sprints
產生衝刺報告
團隊往往難以建立一致、完整的衝刺報告來呈現進度與阻礙。此技能會呼叫專門的代理來自動產生結構清晰的衝刺文件。
reporting-issues
建立疑難排解session報告
將除錯session轉換為結構化、可分享的報告。此技能有助於記錄問題、解決方案和發現,以供團隊知識分享和日後參考。
managing-project-rules
建立和管理專案規則
在多個不同的檔案中管理多個專案規則既耗時又容易出錯。此技能使用 .claude/rules/ 目錄將 Claude Code 指令組織成模組化檔案,使規則更專注、更容易維護,且對團隊友善。
hooks-management
建立和管理 Claude Code 鉤子
管理 Claude Code 鉤子需要了解事件驅動的自動化模式。此技能提供引導式工作流程和全面的文件,說明如何建立、更新、設定和疑難排解任何事件類型的鉤子。
implementation-review
自動化任務後審查
AI 工作流程中的品質關卡常需要手動觸發審查代理。此技能會自動偵測規劃或編碼任務完成時機並委派給適當的審查代理,確保一致的程式碼與計畫品質且不中斷工作流程。
hook
建立 Claude Code Hooks 實現工作流程自動化
Claude Code Hooks 使開發人員能夠在 Claude 操作之前、之後或期間運行自訂腳本來自動化工作流程。此技能可幫助您設定、設定和驗證鉤子,用於代碼格式化、驗證、通知和上下文管理等任務。
designing-components
使用 Tailwind CSS 設計元件
開發者需要一致且可維護的 UI 元件,但缺乏專案慣例的指導。本技能提供使用 Tailwind CSS 設計元件的明確規則,包括檔案組織、樣式模式和專案結構。
executing-epic-workflow
執行結構化 EPIC 開發工作流程
在沒有結構化方法的情況下建構複雜功能會導致範圍蔓延、遺漏需求和技術債務。EPIC 工作流程提供了一種系統化的七階段方法論,可委派給專業代理程式,並在每個步驟強制執行完成驗證。
command-management
為 Claude Code 建立自訂指令
手動建立自訂指令既耗時又容易出錯。本技能提供範本和最佳實踐,可快速建立標準化的斜線指令,並確保正確的結構和安全限制。
coding-with-tailiwnd
Style Components with Tailwind CSS
Developers need consistent styling patterns for Tailwind CSS components. This skill provides clear rules for using Tailwind directives, custom utilities, and component organization to maintain clean and maintainable stylesheets.
brainstorming-features
透過結構化方式產生功能構想
規劃新的應用程式功能需要結構化的構思。這個技能產生可執行eble的功能概念,包含使用者故事、技術考量因素和實作複雜度評分,以加速產品開發。
code-instructor
Learn Code by Building Real Apps
New programmers often struggle to understand code through documentation alone. This skill transforms learning into interactive app-building sessions where every line is explained, concepts are introduced progressively, and learning happens through practical doing.