TypeScript最佳实践指南，专注于类型优先开发、非法状态预防、穷尽性处理和运行时验证。包含Zod模式验证、函数式编程、模块化设计和配置管理。适用于TypeScript/JavaScript开发者提升代码质量和类型安全性。关键词：TypeScript, 类型安全, 最佳实践, Zod, 运行时验证, 函数式编程, 类型优先开发

JSDoc/TSDoc文档生成器是一个用于自动化生成、验证和管理JavaScript与TypeScript代码API文档的工具。它通过解析源代码中的JSDoc和TSDoc注释，结合TypeDoc生成结构化的HTML、Markdown或JSON格式的API参考文档。该工具支持文档覆盖率分析、类型对齐验证、自定义标签扩展，并能集成ESLint插件强制执行文档规范，是提升代码可维护性、促进团队协作和保障API文档质量的关键开发辅助技能。关键词：JSDoc文档生成，TypeScript API文档，代码文档自动化，文档覆盖率检查，TypeDoc集成，前端开发工具。

此技能提供Parcel打包工具的全面使用指导，涵盖零配置设置、资产处理、热模块替换和生产构建等关键功能。关键词包括Parcel、打包工具、零配置、资源管理、热模块替换、生产构建、前端开发。适用于开发者快速搭建和优化前端项目。

这个技能用于网页可访问性审计，确保网站符合WCAG 2.1 AA/AAA标准，实现ARIA属性，测试屏幕阅读器兼容性，并提供无障碍设计指导。关键词：网页可访问性、WCAG合规、ARIA实现、无障碍设计、屏幕阅读器测试、ADA合规。

Next.js 是一个基于 React 的前端开发框架，专为构建生产级全栈 Web 应用设计，支持服务器端渲染、静态生成和自动优化功能。此技能适用于构建高效、可扩展的 Web 应用，实现现代路由架构、数据获取、性能优化和 SEO 提升。关键词：Next.js, React框架, 服务器端渲染, 静态生成, Web开发, 前端框架, 性能优化, SEO, 全栈应用。

这个技能提供了设计令牌系统和主题框架，用于跨所有组件实现一致、可定制的UI样式。它包括完整的令牌分类（颜色、排版、间距、阴影、边框、动画、z索引）、主题切换（亮暗模式、高对比度、自定义品牌）、RTL/i18n支持和可访问性功能，是前端开发中UI设计的基础层。关键词：设计令牌、主题系统、CSS变量、UI样式、前端开发、可访问性、RTL支持、品牌定制。

本技能用于WordPress交互性API的开发与调试，涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本，帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词：WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发

此技能提供基于Next.js官方文档的指导，帮助用户快速掌握和实现Next.js框架的核心功能，包括路由、数据获取、缓存、部署等，适用于前端开发项目。关键词：Next.js、前端开发、路由、数据获取、缓存、部署、配置、SEO优化。

本技能是一个针对Scoop新闻平台前端界面的专项重构工作流。它专注于优化用户界面布局、提升地球仪交互体验、改进研究工作区设计，并强制执行无表情符号政策。核心工作包括压缩布局空间、实现类似TikTok的吸附滚动效果、确保功能完整性，以及通过系统化步骤移除所有UI、日志和文档中的表情符号。适用于前端开发者、UI/UX设计师进行项目重构和代码规范化。关键词：UI重构，前端开发，用户体验优化，吸附滚动，无表情符号，代码规范，React组件，工作流。

这个技能专注于使用 Svelte Flow 库创建自定义节点和边，实现复杂的前端图形界面编辑器。它涵盖自定义节点组件、可调整大小节点、工具栏和交互式功能，适用于构建节点编辑器和工作流界面。关键词：Svelte Flow、自定义节点、前端开发、图形界面、节点编辑器、Svelte 组件。

这个技能提供了 Effect-TS 中处理值的两个核心模式：处理 None 和 Some 值的模式，以及可选链与组合模式。它帮助开发者避免空值错误，实现类型安全编程，提升代码可读性和维护性。关键词：Effect-TS, Option类型, 模式匹配, 值处理, TypeScript, 函数式编程。

这个技能专注于使用Storybook创建和改进组件文档，通过autodocs、MDX和JSDoc实现自动化文档生成，提高前端开发效率。关键词：Storybook, 组件文档, 前端开发, 自动文档, MDX, JSDoc, SEO优化