Solid.js (TypeScript)
一个基于Solid.js框架的TypeScript开发技能，用于构建高性能前端应用。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Solid.js (TypeScript)。 它的用途是：一个基于Solid.js框架的TypeScript开发技能，用于构建高性能前端应用。 详细介绍见：https://321skill.com/skills/solid-js-typescript/ 请根据该页面的说明完成安装。
使用示例
“我需要创建一个用户管理面板，包含一个可筛选和分页的用户列表。”，它会引导你使用Solid.js创建响应式组件，并建议使用`createResource`进行异步数据获取，用`createStore`管理列表状态，确保列表更新高效且准确。或者，你可以说：“帮我将这个React的useEffect逻辑转换成Solid.js的createEffect。”，它会解释两者的区别并给出转换后的代码示例。
介绍
本技能旨在解决开发者在构建现代、高性能Web应用时面临的复杂状态管理和UI渲染效率问题。它通过Solid.js框架的响应式原语和TypeScript的类型安全，帮助开发者编写更清晰、更易维护的代码。
使用时，开发者可以借助此技能快速搭建Solid.js项目结构，生成组件模板，并利用其内置的优化模式（如细粒度响应式更新）来提升应用性能。它集成了常见的开发工具链，简化了配置过程。
该技能非常适合希望从React或Vue等框架转向更高效解决方案的前端开发者，以及对应用运行时性能有苛刻要求的项目团队。它降低了使用Solid.js这一新兴框架的入门门槛。
建议在使用前具备基本的TypeScript和现代前端开发知识。由于Solid.js的思维模型与React等框架有所不同，初次使用时可能需要一些适应时间，但其优秀的文档和本技能提供的辅助将加速这一过程。
核心特点
与多数面向React或Vue的Skill不同，本技能专为Solid.js这一采用编译时响应式、无虚拟DOM的高性能框架量身打造，能提供最地道的项目结构和开发模式指导。其核心在于利用Solid.js独特的细粒度响应式系统，直接解决大型应用状态更新导致的性能瓶颈问题。
注意事项
不适合需要庞大成熟生态库（如React）支持，或团队对Solid.js范式不熟悉的项目快速原型开发。
常见问题
Solid.js和React主要区别是什么？
Solid.js采用编译时响应式和细粒度更新，无虚拟DOM，性能通常更优；React使用虚拟DOM和运行时协调。思维模型上，Solid更接近原生JavaScript。
这个技能能帮我写业务代码吗？
可以，它能辅助生成Solid.js组件结构、类型定义和处理响应式逻辑的代码片段，但具体的业务逻辑仍需开发者完成。