软件开发 Skill技能列表
ChatKitWidget集成技能Skill chatkit-widget
在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。
实现命令面板Skill implementing-command-palettes
React命令面板开发指南,涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化
Mermaid图表语法参考Skill mermaid-syntax
Mermaid是一个基于JavaScript的图表工具,用于从Markdown文本生成多种图表,如流程图、序列图、类图等。它支持在软件开发、数据可视化和文档编写中快速创建图表,适用于软件架构设计、系统流程描述和数据展示。关键词:Mermaid,图表语法,Markdown,流程图,序列图,软件架构,数据可视化,图表工具。
执行计划技能Skill executing-plans
执行计划技能用于在软件开发或项目管理中,通过分批执行任务并设置审查检查点来高效实施书面计划。它强调批判性审查、批处理执行、及时反馈和风险控制,确保项目按计划推进并减少错误。关键词:执行计划、批处理、审查检查点、软件开发流程、项目管理、DevOps、任务执行、风险规避。
自动动画Skill auto-animate
AutoAnimate 是一个零配置的前端动画库,适用于 React、Vue、Svelte 等框架,可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成,并支持 SSR 安全。关键词:自动动画,零配置动画,React动画,Vue动画,轻量动画,前端开发,动画库。
CompleteSoftwareArchitectureDesignSystemSkill afrexai-system-architect
这是一个系统架构设计的方法论,包含从项目启动到架构现代化的11个阶段,覆盖了架构决策、模式选择、文档化、数据架构、API设计、安全、可扩展性、可靠性、基础设施部署、可观察性等多个关键领域,旨在帮助架构师设计出高质量、可维护、可扩展的软件系统。
技术文档引擎Skill TechnicalDocumentationEngine
技术文档引擎是一个全面技术文档系统,从规划到维护,涵盖README文件、API文档、指南、架构文档、运行手册和开发者门户。包括模板、质量评分和自动化。
Maz-UI前端组件库技能Skill maz-ui
此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发,包括组件集成、主题定制、国际化实现、SSR支持等,适用于构建现代化Web应用程序。关键词:Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式
Pinia状态管理Skill pinia
Pinia 状态管理技能提供在 Vue 3 应用程序中实现高效、类型安全的状态管理解决方案。该技能涵盖 Pinia 存储的创建、异步操作、计算属性、插件集成和存储组合等核心功能,适用于前端开发中的状态管理、Vue 应用架构和复杂状态逻辑处理。关键词:Pinia, Vue 3, 状态管理, 前端开发, 存储模式, 持久化, 插件集成, 响应式数据。
doxygen-javadocSkill doxygen-javadoc
使用 Doxygen 和 Javadoc 为 C/C++/Java 项目生成全面的 API 文档,包括交叉引用、调用图和覆盖率分析。
Next.js15OptimizationSkill nextjs-optimization
这个技能专注于优化 Next.js 15 应用程序,以提升网站性能,核心 Web 指标得分,以及遵循生产最佳实践。关键词包括:性能优化、核心 Web 指标、SEO、React、App Router。
GitHub问题搜索Skill search-issues
这个技能用于在GitHub仓库中搜索问题、bug和特性请求,支持按标签、状态过滤,并提供多种输出格式。适用于软件开发、DevOps和项目管理,帮助快速查找和跟踪代码问题。关键词:GitHub、问题搜索、bug追踪、软件开发工具、DevOps。