前端开发 Skill技能列表

TailwindCSS开发技能Skill tailwindcss

4.5

Tailwind CSS 开发技能专注于使用实用优先的 CSS 框架,为 JARVIS AI 助手界面提供高效、一致且可维护的样式设计,适用于 HUD 设计、响应式布局、动画效果和性能优化。关键词包括:Tailwind CSS、前端开发、CSS 框架、JARVIS UI、HUD 设计、响应式布局、测试驱动开发、性能优化、实用优先样式。

最佳实践Skill best-practices

4.5

这个技能用于应用现代网页开发的最佳实践,专注于安全、浏览器兼容性和代码质量改进。关键词:网页开发、前端安全、兼容性优化、代码审核、HTTPS、CSP、语义HTML、错误处理、性能优化。

构建包Skill build-packages

4.5

该技能用于构建fe-tools monorepo中的软件包,通过运行npm命令进行TypeScript编译和错误处理,涉及构建、编译、修复等关键词,适用于前端开发流程。

构建包Skill build-packages

4.5

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

代码标准执行Skill standards-enforcement

4.5

此技能用于在软件开发中建立和执行编码标准、最佳实践和架构模式,通过使用ESLint、Prettier等工具和代码审查流程,来维护代码质量、一致性和团队协作效率。关键词:编码标准、代码质量、ESLint、Prettier、代码审查、团队协作、架构模式、预提交钩子、TypeScript严格模式、一致性维护。

Zod最佳实践技能Skill zod

4.5

此技能提供Zod在TypeScript应用中的模式验证最佳实践指南,专注于类型安全、解析、错误处理等关键领域,帮助开发者高效定义和验证schema。关键词:Zod, TypeScript, schema验证, 类型安全, 解析, 错误处理, 最佳实践, 模式定义, 验证性能, 自动化重构

灯塔网站审计工具Skill lighthouse

4.5

灯塔网站审计工具是一款基于Google Lighthouse的AI驱动网站性能分析工具,专注于网站性能优化、可访问性检测、SEO评分和最佳实践验证。该工具能够测量核心Web指标(LCP、INP、CLS)、生成详细性能报告、跟踪性能预算,并提供可访问性合规性检查,帮助开发者和网站管理员提升用户体验和搜索引擎排名。关键词:网站性能优化、Google Lighthouse、核心Web指标、可访问性审计、SEO分析、性能预算、前端优化、网站审计工具

esbuild快速打包工具Skill esbuild

4.5

esbuild 是一个极速的 JavaScript 和 TypeScript 打包器与构建工具。本技能提供关于配置 esbuild、编写自定义插件、优化构建性能(如代码压缩、Tree Shaking)、处理 TypeScript 编译以及为不同环境(Node.js、浏览器)生成产出的专家级指导。适用于前端开发、工具链构建和 DevOps 流程优化。关键词:esbuild,JavaScript 打包,TypeScript 编译,构建优化,前端工具,插件开发,快速构建。

键盘导航技能Skill keyboard-navigation

4.5

该技能专注于提升Web应用的无障碍访问能力,特别是针对键盘操作。它提供实现键盘导航、管理界面焦点、创建快捷键、处理焦点陷阱(如在模态框中)以及测试键盘可访问性的专业解决方案。核心关键词包括:键盘可访问性、焦点管理、无障碍设计、Web开发、用户体验。

NgRx状态管理技能Skill ngrx

4.5

本技能提供在Angular应用中实现NgRx状态管理的专家级指导,涵盖存储配置、动作、减速器、选择器、效果、实体适配器和组件存储等核心概念。适用于构建可扩展、可维护的企业级前端应用,处理复杂数据流和异步操作。关键词:NgRx, Angular, 状态管理, 前端开发, 存储, 效果, 实体适配器, 组件存储, 选择器, 异步操作, 企业级应用。

前端设计Skill frontend-design

4.5

前端设计技能专注于创建独特、高质量的生产级Web界面,避免通用AI美学。它强调创意设计思维、大胆美学方向、精细的代码实现,涵盖排版、色彩、动效、空间构成等核心要素,旨在交付令人难忘、视觉冲击力强的用户体验。关键词:前端开发、UI设计、Web界面、创意设计、生产级代码、美学优化、用户体验、CSS动画、响应式设计、视觉差异化。

TauriWebView调试器Skill debug-tauri

4.5

Tauri WebView调试器是一款专门用于自动化调试Tauri桌面应用程序WebView组件的工具集。它通过集成官方插件实现进程监控、自动截图、控制台日志收集和运行时状态分析,帮助开发者快速定位UI问题、运行时错误和WebView相关故障。主要功能包括:自动化调试工作流、跨平台截图捕获、前后端日志集成、WebView状态快照和结构化调试报告生成。适用于Tauri应用开发、桌面应用调试、WebView问题排查和跨平台应用测试场景。 关键词:Tauri调试,WebView调试,桌面应用调试,自动化测试,日志收集,截图工具,跨平台开发,Rust前端,Tauri插件,故障排查