前端开发 Skill技能列表

⚡

Tauri原生API集成技能Skill tauri-native-api-integration

4.5

该技能提供关于在前端应用中集成 Tauri 原生 API 的指导和最佳实践,包括文件系统访问、系统托盘等功能,强调安全实践和代码标准,帮助开发者提升桌面应用的开发效率和质量。关键词:Tauri, 原生 API, 集成, 前端开发, 安全最佳实践, 代码审查。

⚡

HTMLTailwindCSS和JavaScript专家规则技能Skill html-tailwind-css-and-javascript-expert-rule

4.5

这是一个AI编程助手技能,专注于帮助开发者通过应用编码标准和最佳实践来编写高质量的前端代码。技能提供HTML、Tailwind CSS和原生JavaScript的代码审查、改进建议和规范解释,旨在提升代码清晰度、可读性和开发效率。关键词:HTML, Tailwind CSS, JavaScript, 代码审查, 前端开发, 最佳实践, AI助手, 编码规范, 代码重构, 开发工具。

⚡

Makepad小部件技能Skill makepad-widgets

4.5

这个技能专注于Makepad框架的UI组件开发,帮助用户编写代码、解答问题,并提供详细的文档和模式。关键词包括:Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。

⚡

TypeScript开发专家Skill typescript-expert

4.5

这个技能专注于TypeScript编程语言的开发和优化,强调类型安全、高级类型系统、严格模式配置和现代化开发模式。适用于构建类型安全的应用程序、重构JavaScript到TypeScript、实现复杂类型定义,并涵盖前端和后端开发。关键词:TypeScript,类型安全,前端开发,后端开发,软件工程,严格模式,高级类型,测试驱动开发。

⚡

可访问性合规Skill accessibility-compliance

4.5

这个技能提供新闻网站、学术平台等的可访问性合规模式,用于构建无障碍界面、审计网站的WCAG合规性、编写图像替代文本、创建可访问数据可视化、确保多媒体内容可访问,并满足法律要求。它帮助开发人员和内容发布者确保所有读者(包括使用辅助技术的用户)都能平等访问网络内容。关键词:可访问性、无障碍设计、WCAG、新闻网站、数据可视化、图像替代文本、键盘导航、屏幕阅读器。

⚡

构建包Skill build-packages

4.5

该技能用于构建和编译fe-tools monorepo包,涉及执行npm build命令、诊断TypeScript编译错误并提供修复,以确保前端开发项目的代码质量。关键词:构建,编译,TypeScript,monorepo,前端工具,错误处理,npm。

⚡

TypeScript严格模式Skill typescript-strict

4.5

此技能专注于TypeScript中的类型安全实践,通过启用严格模式、添加精确的类型定义、消除any类型、使用工具类型等方法,确保代码的健壮性和可靠性,有效预防运行时错误。关键词:TypeScript、类型安全、严格模式、类型定义、类型错误、工具类型、类型守卫、泛型、代码质量。

⚡

OrvalAPI客户端生成技能Skill generate-api-client

4.5

该技能用于从OpenAPI规范文档(如api-docs.yaml)自动生成类型安全的API客户端代码。它通过Orval工具链执行,确保前端应用能够以强类型、可维护的方式调用后端API,提升开发效率和代码质量。关键词:OpenAPI,API客户端,类型安全,自动生成,前端开发,TypeScript,代码生成。

⚡

TypeScript技能Skill typescript

4.5

TypeScript 技能涵盖了使用 TypeScript 进行严格模式编程,结合 ESLint 和 Jest 进行代码质量和测试保障的最佳实践。关键词包括:TypeScript, ESLint, Jest, 代码质量,测试覆盖率。

⚡

前端设计技能Skill frontend-design

4.5

这个技能用于创建独特、生产级别的前端界面,注重高设计质量,避免通用AI美学,适用于构建Web组件、页面或应用程序。关键词包括前端开发、UI设计、代码实现、创意美学、生产级代码。

⚡

等轴测技术图解Skill anatomy

4.5

把算法、系统或组件的技术概念转译成一台可识别的等轴测物理机器(测试台架、千分表、抽屉柜、绘图仪、锁),用数十到上百个精细实体零件、四段色调与正确的画家绘制顺序生成可交互 SVG 图解;不依赖框架(TypeScript/JS 直接输出 SVG+HTML),也支持 React/Next.js,可叠加与等轴测相机同一世界空间的 WebGL 着色器(火焰、排气、水、焦散、灯光)以及可选 3D 旋转模式,并附带几何审计、线端检查、无头浏览器截图与录制的验证工具链。关键词:等轴测插画, isometric SVG, 技术图解, 可交互解说图, 数据可视化, 前端可视化, WebGL 着色器, React/Next.js, SVG 绘图套件, 画家算法, 几何审计, 3D 转盘, Linear 风格技术绘图, 文档配图, 博客插图, 落地页插图

⚡

FumadocsMDX结构指南Skill fumadocs-mdx-structure

4.5

该技能用于创建和管理Fumadocs平台的MDX文档文件,包括前置元数据设置、组件导入、安装命令生成和代码示例编写,适用于前端开发中的8-bit组件文档化工作。关键词:MDX文档、前端开发、组件集成、Fumadocs、8-bit组件、文档结构。