前端开发 Skill技能列表
UI保护锁定Skill ui-freeze
这是一个用于前端开发的UI保护技能,能自动锁定关键设计文件如tailwind.config和CSS变量,防止意外更改,提高开发效率和代码稳定性。适用于前端开发、UI设计、CSS管理、视觉回归测试、主题保护、UI组件锁定等领域,确保设计系统的一致性。关键词:UI保护、主题文件锁定、前端开发、CSS管理、视觉回归、设计系统保护。
严格TypeScript模式Skill strict-typescript-mode
此技能用于在TypeScript开发中强制执行严格编码规范,包括禁止未文档化的`any`类型、要求公共API显式类型、使用泛型约束、工具类型、只读属性和区分联合等,旨在提升代码质量、类型安全和可维护性。适用于TypeScript项目、新功能开发、代码审查和重构场景。关键词:TypeScript,严格模式,编码规范,类型安全,前端开发,代码审查。
Web界面指南审查工具Skill web-design-guidelines
这个技能用于审查UI代码是否符合Web界面指南,确保网站的可访问性、用户体验和设计规范。它可以自动获取最新指南、检查代码合规性并提供简洁报告,帮助开发者提升网站质量和遵循最佳实践。关键词:UI代码审查,Web界面指南,可访问性检查,设计审核,UX审查,最佳实践,自动化工具。
高级前端设计与开发Skill frontend-design
此技能专注于创建高质量、独特的前端界面设计,避免通用AI美学。应用于网站、应用开发,注重创意、细节和代码质量,关键词包括前端设计、UI界面、创意开发、生产级代码、美学优化。
uCharts图表库使用指南Skill ucharts
此技能提供uCharts图表库的全面使用指导,涵盖安装、配置、图表类型、API文档和最佳实践,适用于uni-app、微信小程序、H5和APP等平台的数据可视化开发。关键词:uCharts, 图表库, 数据可视化, uni-app, 微信小程序, 前端开发, 图表配置。
ReactuseEffect最佳实践Skill react-useeffect
这个技能是关于React中useEffect钩子的最佳使用实践,提供官方指导,帮助开发者优化代码性能,避免不必要的Effect使用,并学习更好的替代方案。关键词:React, useEffect, 性能优化, 前端开发, 状态管理, 数据获取, 组件同步。
网页界面审查技能Skill web-design-guidelines
这个技能用于自动审查用户界面代码,确保其符合网页界面最佳实践,涵盖可访问性、焦点状态、表单、动画、性能、排版等多个方面,帮助前端开发者提升代码质量和用户体验。关键词:UI审查、前端开发、可访问性、性能优化、代码审计、网页设计、用户体验。
Svelte5开发Skill svelte-development
Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能,涉及响应式设计、全栈开发、TypeScript 和测试,关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试
Web界面指南审查Skill web-design-guidelines
这个技能用于自动审查UI代码是否符合Web界面指南,提升网站的可访问性、用户体验和设计质量,适用于前端开发、设计审计和最佳实践检查。关键词:Web界面指南、UI审查、可访问性检查、UX审计、设计合规、最佳实践、前端开发。
TypeScript代码规范指南Skill typescript
这个技能提供了TypeScript代码开发的最佳实践指南,包括类型共位原则、命名规范(如首字母缩略词camelCase处理)、测试文件组织、常量数组命名约定、工厂函数参数解构、Arktype可选属性模式、品牌类型使用和const泛型数组推断。适用于前端和后端开发,帮助团队标准化代码风格,提高代码质量、可维护性和测试效率。关键词:TypeScript, 代码规范, 开发指南, 命名约定, 测试组织, 类型系统, 前端开发, 后端开发, 软件开发
Tauri路径处理Skill tauri
这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理,帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词:Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。
同步构造异步属性模式Skill sync-construction-async-property-ui-render-gate-pattern
一种软件设计模式,用于在需要异步初始化的客户端中实现同步构造和异步属性,使模块可导出并在UI组件中同步使用,避免顶级await问题。适用于前端开发,如SvelteKit应用,通过UI渲染门确保异步工作完成后才渲染UI。关键词:同步构造、异步属性、UI渲染门、前端开发、模块导出、SvelteKit、异步初始化。