前端开发 Skill技能列表
TypeScript异步编程模式Skill typescript-async-patterns
这个技能涵盖了TypeScript中的异步编程模式,包括Promises、async/await、异步迭代器、错误处理和高级模式,用于构建稳健的异步应用程序。它帮助开发者高效处理异步操作,特别适用于API调用、I/O操作和实时数据处理。关键词:TypeScript, 异步编程, Promises, async/await, 错误处理, 异步迭代器, 重试模式, 超时控制, 取消机制, API开发。
Vite性能优化指南Skill vite
该技能提供Vite应用的全面性能优化指南,包括依赖预捆绑、插件性能、包优化等关键规则,适用于前端开发人员在配置Vite项目时进行性能优化。关键词包括Vite、性能优化、前端开发、构建工具、Web开发、包分析、热模块替换。
TypeScriptJSDoc文档编写Skill typescript-jsdoc
TypeScript JSDoc 文档编写技能专注于为TypeScript代码生成高效、清晰的JSDoc注释。它提供关于注释格式、最佳实践、策略性放置的指导,帮助开发者提升代码可读性、可维护性,并增强IDE的智能提示和文档支持。关键词:TypeScript, JSDoc, 代码文档, 注释规范, 开发工具, API文档, 代码维护, 编程规范。
WordPress交互性APISkill wp-interactivity-api
本技能用于WordPress交互性API的开发与调试,涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本,帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词:WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发
构建Logseq插件Skill building-logseq-plugins
专家指导构建与新数据库架构兼容的 Logseq 插件,自动触发插件创建、API 使用、功能扩展或数据库图插件开发帮助,涵盖插件结构、API 使用和数据库特定考虑。
国际化助手Skill internationalization-helper
国际化助手是一个用于管理和实施软件多语言支持的技能。它专注于提取硬编码字符串、管理翻译文件、确保区域覆盖,并遵循最佳实践来简化应用程序的国际化(i18n)和本地化(l10n)流程。关键词:国际化 i18n,本地化 l10n,多语言应用,翻译管理,区域设置,前端开发,软件开发。
FrontendResponsiveDesignStandardsSkill FrontendResponsiveDesignStandards
构建响应式、移动优先的布局,使用流体容器、灵活单位、媒体查询和触摸友好设计,适用于所有屏幕尺寸。当创建或修改UI布局、响应式网格、断点样式、移动导航或任何需要适应不同屏幕尺寸的界面时使用此技能。适用于涉及多设备支持、响应式设计模式或自适应布局的任何任务。
NuxtContentv3内容管理系统Skill nuxt-content
Nuxt Content v3 是一个基于 Git 的内容管理系统(CMS),专为 Nuxt.js 项目设计,用于管理 Markdown、YAML、JSON 和 CSV 文件,提供类型安全查询、模式验证(支持 Zod 和 Valibot)、全文本搜索、导航工具和 SQL 存储。适用于构建博客、文档网站、内容驱动应用等,支持 Cloudflare 和 Vercel 部署,集成 Nuxt Studio 进行生产编辑。关键词:Nuxt Content, Git CMS, Markdown 管理, 类型安全查询, 全文本搜索, 前端开发, 内容集合, 部署优化
服务器组件Skill server-components
此技能详细介绍了React服务器组件在Next.js中的应用,涵盖服务器与客户端组件的区分、组合模式及数据获取方法,适用于前端开发。关键词:React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。
前端设计Skill frontend-design
前端设计技能专注于创建高质量、独特且生产级别的网页用户界面,强调设计思维和美学创新。适用于开发网站、应用、组件等,确保代码精致、UI美观,避免通用AI风格。关键词包括:前端开发、UI设计、网页设计、响应式布局、创意设计、生产级代码、美观界面、设计思维、网页组件、AIGC应用。
LimeECharts技能Skill lime-echart
Lime ECharts 技能是一个用于 UniApp 和 UniAppX 平台的图表库插件,帮助开发者快速创建和配置各种数据可视化图表,如折线图、柱状图、饼图等,支持跨平台兼容、交互功能和性能优化。关键词包括:lime-echart, 数据可视化, 图表, uniapp, 前端开发。
网络可访问性Skill web-accessibility
这个技能专注于通过实现WCAG标准、ARIA模式、键盘导航和屏幕阅读器支持,来构建可访问的网络应用程序,确保所有用户,包括残障人士,都能平等访问网络内容。关键词:网络可访问性、WCAG、ARIA、前端开发、无障碍设计、SEO可访问性、键盘导航、屏幕阅读器。