用途:该技能用于在编写或审查 Qwik 代码时提供框架级指导,重点围绕可恢复性、懒加载与性能优化,同时覆盖 Qwik 与 Tailwind CSS 的配合使用。
主要能力:给出 Qwik 与 Tailwind 最佳实践,包括用 $ 后缀标记懒加载函数、用 useSignal() 管理响应式状态、用 Tailwind 类与 @apply 指令编写样式、用响应式类实现自适应布局、通过 Tailwind 配置文件定制、使用 TypeScript 保证类型安全、借助 Vite 快速 HMR 开发。还包含 Qwik City 路由、推荐目录结构(src/ 下含 components、routes、global.css、root.tsx、entry.ssr.tsx,以及 public/、tailwind.config.js、postcss.config.js、vite.config.ts、tsconfig.json)、函数式组件偏好、useStore() 处理复杂状态、useResource$() 取数、useTask$() 处理副作用、useVisibleTask$() 承载仅浏览器代码,以及错误边界与内置优化特性。
使用方式:在审查或编写代码时套用上述准则;技能声明了若干强制规则,例如事件处理与懒加载函数必须带 $ 后缀、禁止在组件体内访问 window/document/localStorage、响应式状态必须用 useSignal()/useStore()、禁止顶层导入大型客户端库、优先函数式组件。技能还要求开始前读取 .claude/context/memory/learnings.md,完成后记录新发现的模式或例外。
适用场景:Qwik 项目开发、代码评审、性能优化与 SSR 相关问题排查。
限制:资料未提供安装命令、收费方式、平台支持范围或具体效果数据;上述规则为技能内声明,实际行为需以项目环境为准。