·solid-js-best-practices
</>

solid-js-best-practices

richardcarls/solid-js-best-practices

Solid.js 用於 AI 輔助代碼生成、代碼審查、重構和調試反應性問題的最佳實踐。在編寫 Solid.js 組件、審核 SolidJS 代碼、從 React 遷移到 Solid 或修復信號和細粒度反應性錯誤時使用。 8 個類別(反應性、組件、控制流、狀態管理、refs/DOM、性能、可訪問性、測試)的 44 條規則按優先級排列。

11安裝·2熱度·@richardcarls

安裝

$npx skills add https://github.com/richardcarls/solid-js-best-practices --skill solid-js-best-practices

SKILL.md

Comprehensive best practices for building Solid.js applications and components, optimized for AI-assisted code generation, review, and refactoring.

| 1-1 | Use Signals Correctly | CRITICAL | Always call signals as functions count() not count | | 1-2 | Use Memo for Derived Values | HIGH | Use createMemo for computed values, not createEffect | | 1-3 | Effects for Side Effects Only | HIGH | Use createEffect only for side effects, not derivations |

| 1-4 | Avoid Setting Signals in Effects | MEDIUM | Setting signals in effects can cause infinite loops | | 1-5 | Use Untrack When Needed | MEDIUM | Use untrack() to prevent unwanted reactive subscriptions | | 1-6 | Batch Signal Updates | LOW | Use batch() for multiple synchronous signal updates |

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/richardcarls/solid-js-best-practices --skill solid-js-best-practices
分類
</>開發工具
認證
收錄時間
2026-02-03
更新時間
2026-02-18

快速解答

什麼是 solid-js-best-practices?

Solid.js 用於 AI 輔助代碼生成、代碼審查、重構和調試反應性問題的最佳實踐。在編寫 Solid.js 組件、審核 SolidJS 代碼、從 React 遷移到 Solid 或修復信號和細粒度反應性錯誤時使用。 8 個類別(反應性、組件、控制流、狀態管理、refs/DOM、性能、可訪問性、測試)的 44 條規則按優先級排列。 來源:richardcarls/solid-js-best-practices。

如何安裝 solid-js-best-practices?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/richardcarls/solid-js-best-practices --skill solid-js-best-practices 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/richardcarls/solid-js-best-practices

詳情

分類
</>開發工具
來源
skills.sh
收錄時間
2026-02-03

相關 Skills

暫無