前端开发

swiftui-patterns 是一份面向 Apple 平台前端开发的实用指南。它涵盖 SwiftUI 状态管理、NavigationStack 流程、视图组合和性能建议，帮助你为真实应用代码选择合适的模式。适合在重构或构建界面时使用，尤其是在需要明确职责划分、减少重复渲染的场景中。

remotion-video-creation 是一个面向 Remotion 的 React 视频创作技能。它通过 29 条规则覆盖动画、素材、音频、字幕、图表、composition 和转场，帮助减少渲染失误。适用于 Video Editing 工作流、模板化讲解视频、社媒短片和数据驱动的动态图形。

nuxt4-patterns 是一套面向 Nuxt 4 的技能，用于处理 hydration 安全、路由规则、懒加载和 SSR 安全的数据获取。使用 nuxt4-patterns 技能，可以更好地做前端开发决策，减少不一致问题，并为每个页面或组件选择合适的模式。

nextjs-turbopack 技能可帮助你在 Next.js 16+ 中使用 Turbopack，以获得更快的本地开发、HMR 以及打包器决策参考。它适合作为一份实用的 nextjs-turbopack 指南，用于安装、使用，以及在 Frontend Development 工作流中判断何时切回 webpack。

kotlin-patterns 帮你用 Kotlin 的空值安全、不可变性、sealed 层级、协程、扩展函数和 DSL builder 写出更符合惯用法的代码，并便于审查。把这个 kotlin-patterns 技能用于 Kotlin 原生代码生成、重构以及 Gradle Kotlin DSL 决策，可以减少拍脑袋式判断。

kotlin-coroutines-flows 帮你在 Android 和 KMP 中应用 Kotlin 协程与 Flow 模式，涵盖结构化并发、StateFlow、取消、重试和测试。可将这份 kotlin-coroutines-flows 指南用于更安全的异步代码、具备生命周期感知的流，以及更好的前端开发模式。

healthcare-emr-patterns 是一项面向医疗场景的实用技能，用于 EMR/EHR 设计。它涵盖患者就诊流程、临床记录、用药核对、检验结果高亮、审计追踪、CDSS 集成，以及以无障碍优先的医疗数据录入，帮助打造更安全的临床工作流。

frontend-patterns 是一项面向 React 和 Next.js 前端开发的实用技能，帮助你为组件、状态、表单、路由、可访问性和性能选择更易维护的模式。当前端-patterns 指南是你需要清晰的实现思路和模式选择，而不只是泛泛的最佳实践时，它就很适合使用。

使用 frontend-design 构建有鲜明视觉主张、可直接投入生产的前端界面。这个 frontend-design 技能适用于着陆页、仪表盘、应用壳和各类组件，尤其适合层级、字体排版、动效和整体质感与实现同样重要的场景。它还包含面向 design-first UI 工作的安装与使用指引。

e2e-testing 技能是一份面向 Playwright 的稳定端到端测试自动化指南，涵盖文件组织、Page Object Model 用法、配置、CI 就绪、产物调试以及 flaky test 处理等模式。

dart-flutter-patterns 是一个面向前端开发的实用 Dart 和 Flutter 技能，覆盖 null safety、immutable state、async composition、widget 结构、state management、GoRouter 路由、Dio 网络请求、测试和 clean architecture。使用 dart-flutter-patterns 指南，可为新功能开发和重构选择适合生产环境的模式。

compose-multiplatform-patterns 是一份面向 KMP 应用中 Compose Multiplatform 与 Jetpack Compose 的实用指南，涵盖状态管理、导航、主题、性能优化以及可复用 UI 模式，适用于 Android、iOS、Desktop 和 Web，帮助前端开发团队构建更易维护的共享界面。

bun-runtime 技能可帮助你判断在新建 JavaScript 或 TypeScript 项目、从 Node 迁移、运行脚本、执行测试以及配置 Vercel 时是否适合选择 Bun。内容涵盖 bun-runtime 的使用场景、安装决策建议、Bun 与 Node 的取舍，以及适用于前端和全栈开发的实用工作流。

frontend-design 帮你把模糊的 UI 想法，转化为有审美导向的量产级界面，实现真实可用的前端代码，而不是千篇一律的 AI 风格。

fullstack-developer 是一套可复用的提示词包，面向现代 JavaScript 与 TypeScript Web 应用开发，覆盖 React、Next.js、Node.js、APIs、数据库、auth 与 deployment 等场景。它更适合多层级的规划与实现工作，核心是一份用于定义范围和工作流的 SKILL.md，而不是直接提供脚本或模板。

prototype 技能可帮助你先做一段临时代码，在真正实现之前，先回答一个具体问题。它适合用可运行的原型来验证逻辑、状态流转、数据结构或 UI 方向，并且能符合宿主仓库的约定。它特别适合你需要的是一份快速的 prototype 指南，而不是最终功能的时候。

design-an-interface 技能帮助你在定稿前探索截然不同的 API 和模块接口形态。它面向前端开发以及其他模块设计场景，适合先明确需求，再比较多种方案、权衡取舍，并整理出更清晰的调用方契约。

ckm:design-system 基于清晰的 token 架构，帮你构建三层 tokens、组件规格、CSS variables、Tailwind 映射，以及保持品牌一致性的幻灯片素材。

accessibility-compliance 技能可帮助团队依据实用的 WCAG 2.2、ARIA、键盘可访问性、屏幕阅读器和移动端无障碍指导，对 Web 或移动 UI 进行审计与改进。适合用于 UX 审计、组件修复以及可直接落地的整改建议。

web-component-design 技能可帮助团队为 React、Vue 和 Svelte 设计可复用的 UI 组件，提供稳健的 API 模式、无障碍指导，以及面向设计系统的样式取舍参考。

使用 responsive-design 技能规划并实现自适应 UI 布局，涵盖 container queries、fluid typography、CSS Grid、Flexbox 以及 mobile-first breakpoints，内容来自 wshobson/agents 仓库。

typescript-advanced-types 是一项聚焦高级 TypeScript 类型设计的技能，涵盖 generics、conditional types、mapped types、template literal types，以及用于构建更安全前端代码和库代码的实用类型模式。

modern-javascript-patterns 是一份实用的 ES6+ 参考指南，适合用于重构旧版 JavaScript，并引入 async/await、modules、destructuring 以及函数式数组模式。你可以用它来现代化前端或通用 JavaScript 代码，在语法表达、模式选择和可维护性方面获得更清晰的改进方向。

javascript-testing-patterns 可帮助智能体为 JS/TS 编写测试与测试配置，覆盖 Jest、Vitest 和 Testing Library。适合用于规划单元测试、集成测试和 UI 测试，并提供 mock、fixtures、coverage 以及更高质量 Test Automation 提示词的实用模式。