前端开发 Skill技能列表
Biome代码格式化Skill biome-formatting
Biome代码格式化技能用于配置和使用Biome快速格式化工具,对JavaScript、TypeScript、JSON等前端代码进行格式化,确保代码风格一致性和团队协作效率。关键词:Biome、代码格式化、前端开发、配置管理、风格指南、JavaScript、TypeScript。
对比度检查器Skill contrast-checker
该技能是一个专业的Web无障碍(Web Accessibility)工具,主要用于计算和验证颜色对比度是否符合WCAG(Web Content Accessibility Guidelines)标准。它能自动检测前景色与背景色的对比度比率,评估是否符合AA或AAA合规等级,支持普通文本和大文本的不同要求,并能批量分析颜色对或整个调色板,为不符合标准的组合提供可行的替代颜色建议。核心功能包括WCAG合规性检查、对比度计算、批量分析、调色板评估和智能颜色建议。关键词:WCAG, 无障碍设计, 颜色对比度, 前端开发, 用户体验, 合规性检查, 调色板分析, 可访问性, AA标准, AAA标准。
agentuity-cli-devSkill agentuity-cli-dev
这是一个用于启动和管理Agentuity项目本地开发服务器的命令行工具技能。它支持快速构建、热重载、自定义端口配置、本地模式运行以及控制公共URL访问等功能,是前端开发和全栈开发工作流中的高效开发辅助工具。关键词:Agentuity CLI, 开发服务器, 本地开发, 前端工具, 热重载, 命令行工具, 项目构建。
现代JavaScript模式Skill modern-javascript-patterns
这个技能用于掌握现代JavaScript(ES6+)核心特性,包括箭头函数、解构、异步操作、函数式编程模式等,帮助开发者编写高效、可维护的前端代码,适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词:JavaScript开发,ES6+,前端优化,异步编程,代码重构,函数式编程,性能提升。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能专注于TypeScript的类型系统的高级特性,如泛型、条件类型、映射类型、模板字面量类型和工具类型,用于开发类型安全的软件应用。关键词包括:TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。
Next.jsAppRouter前端开发专家Skill frontend-nextjs-app-router
Next.js App Router前端开发专家技能,专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案,包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词:Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用,支持服务器组件、客户端组件、高级路由模式,优化数据获取和渲染性能,提升SEO友好性。关键词:Next.js, App Router, 服务器渲染, React, 前端开发
Biome配置管理Skill biome-configuration
这个技能专注于配置Biome工具链,用于JavaScript和TypeScript项目的代码检查和格式化。包括设置biome.json配置文件、管理架构版本、集成Git等版本控制系统,以及优化项目组织,以提高开发效率和代码质量。关键词:Biome, JavaScript, TypeScript, 代码检查, 格式化, 工具链, 代码质量, 项目管理, VCS集成, CI/CD。
TypeScript工具类型Skill typescript-utility-types
此技能专注于使用TypeScript的内置工具类型、映射类型、条件类型和高级类型操作技术,用于创建灵活、类型安全的TypeScript代码,提升开发效率和代码质量。关键词:TypeScript、工具类型、映射类型、条件类型、类型安全、代码生成、前端开发、类型推断、模板文字类型。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现(如保存和加载状态)、以及跨会话管理UI状态。关键词包括:状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件,用于创建复杂的多组件HTML艺术品,基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成,适合高级前端项目开发和Claude AI工具集制作。关键词:前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
现代Web应用架构技能Skill modern-web-app-architecture
本技能提供现代Web应用架构的全面指导,涵盖SPA、SSR、SSG、RSC等渲染策略,专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词:Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。