前端开发 Skill技能列表

⚡

检查前端代码Skill check-frontend

4.5

这个技能用于自动检查前端代码是否遵循开发指南,通过执行Git操作、阅读指南文件和代码审查等步骤,确保代码质量和一致性,提升开发效率。关键词:前端开发、代码检查、指南遵循、Git、组件、Hook、状态管理、代码审查、质量保证。

⚡

表单构建Skill building-forms

4.5

本技能提供系统化的表单构建指导,涵盖输入组件选择、验证策略、可访问性合规(WCAG 2.1)、UX最佳实践,以及JavaScript/React和Python的示例实现。适用于创建各种表单界面,如注册流程、调查问卷、多步向导等。关键词:表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。

⚡

AntDesignVue组件库技能Skill ant-design-vue

4.5

Ant Design Vue 是一个专为 Vue 3 设计的 Ant Design 组件库,提供全面的安装、使用、API 参考和模板指导。适用于构建企业级 Vue 应用界面,包含各种 UI 组件如按钮、表格、表单等。关键词:Ant Design Vue, Vue 3, 组件库, 前端开发, UI 设计。

⚡

前端专家Skill frontend-expert

4.5

这个技能是前端开发专家,专注于帮助开发者审查和优化前端代码,应用UI/UX最佳实践,确保响应式设计和可访问性。支持多种技术栈如HTMX、Next.js、React、TypeScript等。关键词:前端开发、代码审查、UI/UX设计、响应式设计、可访问性、HTMX、Next.js、React、TypeScript。

⚡

Nuxt全栈开发技能Skill nuxt

4.5

本技能提供基于 Vue.js 的 Nuxt 3 全栈应用开发专家指导,涵盖服务器端渲染、静态站点生成、API 路由构建、自动导入、模块配置和部署优化。适用于构建现代化、高性能的 Web 应用,支持混合渲染模式,并集成 Nitro 服务器引擎。关键词:Nuxt 3,全栈开发,Vue.js,服务器端渲染,SSR,静态站点生成,Nitro 服务器,混合渲染,TypeScript,前端框架。

⚡

URL转Markdown工具Skill baoyu-url-to-markdown

4.5

本技能使用Chrome DevTools协议(CDP)抓取网页并将HTML转换为干净的Markdown文件,支持自动捕获和等待用户信号模式,适用于保存网页内容、处理需要登录的动态页面,关键词包括URL抓取、HTML转Markdown、网页保存、自动化工具、Chrome CDP、Markdown转换。

⚡

前端工程Skill software-frontend

4.5

前端工程技能专注于现代Web应用的高质量开发,涵盖多种前端框架如Next.js、React、Vue、Angular、Svelte的选择与最佳实践,包括TypeScript编码、Tailwind CSS样式、状态管理、测试、性能优化和可访问性。适用于构建企业级、用户友好的Web界面。关键词:前端开发、Web应用、框架、TypeScript、性能、可访问性、SEO优化。

⚡

Slidev幻灯片制作工具Skill slidev

4.5

Slidev是一款基于Vite、Vue和Markdown的web幻灯片制作工具,专为开发者设计,支持代码高亮、动画、交互式演示、数学方程和图表功能,适用于技术演讲、会议发言和教学材料制作。关键词:幻灯片、开发者、Markdown、Vue、代码高亮、动画、交互演示、技术演讲、教学工具、Web演示。

⚡

Electron主进程预加载脚本生成器Skill electron-main-preload-generator

4.5

这是一个用于生成安全Electron桌面应用程序主进程和预加载脚本的AI工具。它自动化创建符合安全最佳实践的代码样板,包括上下文隔离、IPC通信模式、内容安全策略等核心安全功能。适用于Electron开发者快速构建安全可靠的桌面应用,特别关注应用程序安全性和代码质量。关键词:Electron安全,桌面应用开发,IPC通信,上下文隔离,预加载脚本,代码生成器,安全最佳实践,TypeScript支持,沙箱环境,内容安全策略

⚡

LayuiVue3组件库指南Skill layui-vue3

4.5

此技能提供Layui Vue在Vue 3中的完整使用指南,涵盖安装、配置、组件使用、API参考和最佳实践,适用于前端开发人员快速集成UI组件。关键词包括:Layui Vue, Vue 3, 组件库, 前端开发, UI组件, 安装指南, 配置教程。

⚡

ReactNativeWeb性能优化Skill react-native-web-performance

4.5

这个技能专注于优化React Native Web应用的性能,通过代码分割、包优化、内存化和Web特定改进,提升应用加载速度、渲染效率和用户体验。适用于前端开发和跨平台移动开发场景。关键词:React Native Web, 性能优化, 代码分割, 包优化, 内存化, Web优化, 前端开发, 移动开发。

⚡

TypeScript专家Skill typescript-expert

4.5

此技能专为解决TypeScript和JavaScript开发中的高级问题,涵盖类型级编程、性能优化、monorepo管理、迁移策略和现代工具集成。适用于复杂类型操作、构建性能调试、代码架构决策等场景,提升开发效率和质量。关键词:TypeScript, JavaScript, 类型安全, 性能优化, 代码调试, 迁移策略, 工具链, 前端开发。