前端开发 Skill技能列表
前端开发指南阅读Skill before-frontend-dev
这个技能是关于在开始前端开发任务之前,系统地阅读和理解相关开发指南。它帮助开发者遵循最佳实践、编码标准和模式,确保代码质量、可维护性和团队协作效率。关键词:前端开发、开发指南、编码标准、组件设计、钩子函数、状态管理、类型安全、代码规范、软件开发流程、前端工程化。
TailwindCSS开发技能Skill tailwindcss
Tailwind CSS 开发技能专注于使用实用优先的 CSS 框架,为 JARVIS AI 助手界面提供高效、一致且可维护的样式设计,适用于 HUD 设计、响应式布局、动画效果和性能优化。关键词包括:Tailwind CSS、前端开发、CSS 框架、JARVIS UI、HUD 设计、响应式布局、测试驱动开发、性能优化、实用优先样式。
最佳实践Skill best-practices
这个技能用于应用现代网页开发的最佳实践,专注于安全、浏览器兼容性和代码质量改进。关键词:网页开发、前端安全、兼容性优化、代码审核、HTTPS、CSP、语义HTML、错误处理、性能优化。
前端可访问性开发Skill accessibility
这个技能用于审计和提升网站的可访问性,遵循WCAG 2.1指南,确保内容对所有用户(包括残障人士)都可访问。它涵盖文本替代、颜色对比、键盘导航、屏幕阅读器支持等关键方面,帮助开发者创建无障碍的Web应用。关键词:Web可访问性、WCAG 2.1、无障碍开发、前端可访问性、A11Y、屏幕阅读器支持、键盘导航。
网页设计规范审查Skill web-design-guidelines
这个技能用于审查网页用户界面代码,确保符合Web设计指南和最佳实践。它检查可访问性、用户体验(UX)、设计审计等,帮助开发者和设计师提升网站质量。关键词:网页设计、UI审查、可访问性检查、UX审计、代码合规、前端开发、设计指南、网站优化。
构建包Skill build-packages
该技能用于构建fe-tools monorepo中的软件包,通过运行npm命令进行TypeScript编译和错误处理,涉及构建、编译、修复等关键词,适用于前端开发流程。
TailwindCSS-实用优先样式Skill tailwind-design-system
这个技能使用Tailwind CSS实用类创建一致、可扩展的设计系统,适用于前端开发中的样式管理、设计令牌实现、响应式布局构建等,关键词包括Tailwind CSS、设计系统、前端开发、响应式设计、自定义主题、暗色模式、设计令牌、CSS框架。
代码标准执行Skill standards-enforcement
此技能用于在软件开发中建立和执行编码标准、最佳实践和架构模式,通过使用ESLint、Prettier等工具和代码审查流程,来维护代码质量、一致性和团队协作效率。关键词:编码标准、代码质量、ESLint、Prettier、代码审查、团队协作、架构模式、预提交钩子、TypeScript严格模式、一致性维护。
ShadcnUI组件库Skill shadcn-ui-components
此技能用于基于Shadcn UI库、Radix UI原语和Tailwind CSS,开发可访问、可定制的前端UI组件库,支持创建组件库、实现常见UI模式、构建表单、数据表、命令面板等,适用于构建设计系统和可维护的前端代码。关键词:Shadcn UI、Radix UI、Tailwind CSS、可访问组件、UI模式、表单验证、数据表、前端开发、设计系统。
Zod最佳实践技能Skill zod
此技能提供Zod在TypeScript应用中的模式验证最佳实践指南,专注于类型安全、解析、错误处理等关键领域,帮助开发者高效定义和验证schema。关键词:Zod, TypeScript, schema验证, 类型安全, 解析, 错误处理, 最佳实践, 模式定义, 验证性能, 自动化重构
TypeScript性能优化Skill typescript
这个技能用于优化TypeScript应用程序的性能,包括配置tsconfig.json以加速编译、优化类型系统减少计算成本、改进异步模式提升运行时效率、组织模块管理导入、确保类型安全和内存管理等。适用于开发者在编写TypeScript代码时解决性能瓶颈、修复类型错误和提升编译速度。关键词:TypeScript,性能优化,编译加速,类型安全,异步编程,模块组织,内存管理,开发效率。
TailwindCSSv4性能优化最佳实践Skill tailwind
此技能提供Tailwind CSS v4的全面性能优化和最佳实践指南,帮助开发者在编写、审查或重构代码时优化构建性能、最小化CSS输出,并正确使用v4特性。适用于前端开发中的样式管理、响应式设计和性能提升。关键词:Tailwind CSS v4, 性能优化, 最佳实践, CSS生成, 构建配置, 前端开发, 响应式设计, 工具类。