这个技能用于将OpenAPI 3.0规范转换为TypeScript接口和类型守卫，帮助开发者从API规范自动生成类型定义，提高开发效率和代码质量，适用于前端和后端开发。关键词：OpenAPI, TypeScript, 接口生成, API规范, 类型安全, 前端开发, 后端开发, 自动化代码生成

这个技能提供6个精心挑选的Effect-TS入门模式，涵盖错误重试、值变换、并行处理等核心功能，帮助开发者快速上手Effect-TS应用，优化代码质量。关键词：Effect-TS, 入门, 模式, 函数式编程, TypeScript, 并发控制, 最佳实践。

这个技能通过分析指定网站的URL，自动提取设计元素如颜色、字体、布局和UI模式，生成结构化灵感报告，帮助设计师快速获取并应用设计灵感。关键词：网站设计分析、颜色提取、字体识别、布局模式、UI灵感提取、设计工具、前端开发辅助。

这个技能专注于ESLint自定义规则和插件的开发，包括规则编写、抽象语法树遍历和发布流程，适用于提高JavaScript代码质量、实施团队标准和集成CI/CD管道。关键词：ESLint, 自定义规则, AST遍历, 插件开发, JavaScript代码质量, 前端开发工具。

这个技能用于在Bknd平台中实现分页数据检索，涵盖限制/偏移分页、页面计算、分页元数据处理、分页辅助函数、无限滚动和React集成模式，适用于构建分页列表、表格和无限滚动功能。关键词：分页，Bknd，数据检索，React，无限滚动。

此技能用于在Bknd应用中实现用户认证流程，包括登录、注销和会话检查功能，涵盖SDK认证方法、REST API端点、React集成、错误处理等。关键词：Bknd、登录、注销、认证、前端开发、React、REST API、SDK、错误处理、会话管理。

该技能用于系统化地创建和展示时间线、活动组件、甘特图、日历接口等，适用于显示事件、活动、项目计划、历史数据、社交源、通知和审计日志。提供基于用例的决策框架、实现模式、性能优化、可访问性要求和响应式设计，支持实时更新。关键词：时间线、活动组件、甘特图、日历、前端开发、数据可视化、实时更新、可访问性、响应式设计。

该技能专用于审查JavaScript和Stimulus前端代码，检测和预防竞态条件，提升UI质量和用户体验。关键词：JavaScript, Stimulus, 竞态条件, 前端开发, 代码审查, UI质量, 数据竞争, 时序管理。

这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。

这是一个前端开发指南，专注于现代React/TypeScript应用开发，包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词：前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。

Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。

CSS布局助手是一个工具，用于帮助前端开发者解决CSS布局问题，如对齐和间距，通过解释问题并推荐flexbox或grid布局，提供修复方案。关键词包括CSS布局、前端开发、flexbox、grid、响应式设计、对齐、间距、布局问题修复。