前端开发 Skill技能列表
TailwindCSSSkill tailwindcss
Tailwind CSS 是一个实用优先的CSS框架,专为快速用户界面开发设计,支持响应式布局、暗黑模式、自定义主题和设计系统构建,适用于各种Web框架,如React、Vue、Svelte等。关键词:CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。
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-formatting
Biome代码格式化技能用于配置和使用Biome快速格式化工具,对JavaScript、TypeScript、JSON等前端代码进行格式化,确保代码风格一致性和团队协作效率。关键词:Biome、代码格式化、前端开发、配置管理、风格指南、JavaScript、TypeScript。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现(如保存和加载状态)、以及跨会话管理UI状态。关键词包括:状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
TypeScript工具类型Skill typescript-utility-types
此技能专注于使用TypeScript的内置工具类型、映射类型、条件类型和高级类型操作技术,用于创建灵活、类型安全的TypeScript代码,提升开发效率和代码质量。关键词:TypeScript、工具类型、映射类型、条件类型、类型安全、代码生成、前端开发、类型推断、模板文字类型。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件,用于创建复杂的多组件HTML艺术品,基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成,适合高级前端项目开发和Claude AI工具集制作。关键词:前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
Biome配置管理Skill biome-configuration
这个技能专注于配置Biome工具链,用于JavaScript和TypeScript项目的代码检查和格式化。包括设置biome.json配置文件、管理架构版本、集成Git等版本控制系统,以及优化项目组织,以提高开发效率和代码质量。关键词:Biome, JavaScript, TypeScript, 代码检查, 格式化, 工具链, 代码质量, 项目管理, VCS集成, CI/CD。
现代Web应用架构技能Skill modern-web-app-architecture
本技能提供现代Web应用架构的全面指导,涵盖SPA、SSR、SSG、RSC等渲染策略,专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词:Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。