前端开发 Skill技能列表

4.5

AceternityUI技能Skill aceternity-ui

Aceternity UI技能是一个为Next.js应用设计的React组件库,提供100多个动画和交互式组件,使用Tailwind CSS和Framer Motion构建,适用于前端开发,提升网页界面视觉效果和用户交互体验。关键词:React, Next.js, Tailwind CSS, Framer Motion, 动画组件, 前端开发。

4.5

TypeScript高级编程Skill typescript-advanced

这个技能专注于TypeScript的高级特性,包括泛型、条件类型、映射类型、模板字面量和类型守卫等,用于提升代码的类型安全性、可维护性和开发效率,适用于前端和后端开发。关键词:TypeScript, 泛型, 条件类型, 映射类型, 类型守卫, 高级编程, 代码优化, 类型安全。

4.5

React模式Skill react-patterns

React 模式是一套在 React 19 中使用的开发模式和最佳实践,涵盖服务器组件、服务器操作、Suspense 边界、错误边界、自定义钩子、复合组件和性能优化规则,旨在帮助开发者构建高效、可维护和可扩展的前端应用。关键词:React 19, 服务器组件, 钩子, 模式, 前端开发, 性能优化。

4.5

特性架构技能Skill feature-arch

此技能用于React应用程序的特性驱动架构设计,提供最佳实践指南,帮助开发人员组织项目结构、管理依赖、实现模块化开发,以提高应用的可扩展性和团队协作效率。关键词:React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。

4.5

nuqs最佳实践Skill nuqs

本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南,包含42条规则,覆盖8个类别,帮助开发者进行代码生成、重构和代码审查。关键词:nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。

4.5

React组件生成器Skill react-component-generator

这是一个用于自动化生成符合规范的React组件的技能,支持TypeScript、Hooks、CSS Modules和测试文件,旨在提升前端开发效率和代码质量。关键词:React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。

4.5

文档设计Skill Documentdesign

此技能用于创建专业的、打印就绪的HTML文档,支持自定义品牌配置并导出为PDF。它提供了品牌配置、CSS打印布局模式和文档设计最佳实践,适用于提案、报告、一页纸、新闻稿、幻灯片、活动材料等文档设计。关键词:文档设计、HTML、CSS、品牌配置、PDF导出、打印布局、前端开发。

4.5

Makepad动画技能Skill makepad-animation

这个技能提供了Makepad动画系统的全面指南,专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线,适用于前端GUI开发。关键词:Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机

4.5

Zeplin自动化Skill zeplin-automation

该技能用于通过Rube MCP和Composio工具包自动化Zeplin设计任务,包括自动发现工具、管理连接和执行操作,适用于前端开发流程中的设计协作和自动化工作流,提高效率。关键词:Zeplin自动化、Rube MCP、Composio、前端开发、设计协作、自动化工具。

4.5

创建样式指南Skill create-style-guide

这个技能用于从设计令牌和主题配置生成全面的样式指南文档,支持markdown、HTML和Figma Tokens格式。关键词包括样式指南、设计令牌、主题配置、前端开发、文档生成。

4.5

设计令牌管理Skill design-token-management

设计令牌管理技能用于实现和维护设计令牌系统,覆盖令牌模式、命名约定、转换管道和多平台交付,适用于设计系统的构建,提升UI/UX一致性和开发效率。关键词:设计令牌、CSS变量、样式字典、设计系统、前端开发、SEO优化。

4.5

前端构建工具套件Skill artifacts-builder

这是一个前端构建工具套件,用于创建复杂的多组件HTML艺术品,基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成,适合高级前端项目开发和Claude AI工具集制作。关键词:前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。