前端开发 Skill技能列表

4.5

TypeScript库开发Skill ts-library

这个技能专注于TypeScript库的高质量开发,提供从项目初始化到发布的完整指南,包括双格式支持、构建工具配置、API设计模式和测试策略。关键词:TypeScript、库开发、ESM、CJS、tsdown、unbuild、API设计、类型安全、vitest、CI/CD。

4.5

Zustand状态管理最佳实践Skill zustand

Zustand状态管理技能提供React应用中Zustand库的最佳实践指南,涵盖存储架构、选择器优化、重新渲染预防等关键方面,帮助开发者优化性能、提高代码可维护性,并集成SSR和TypeScript。关键词:Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。

4.5

表单验证Skill form-validation

使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证,包括客户端验证、服务器端同步和实时错误反馈。

4.5

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

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

4.5

特性架构技能Skill feature-arch

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

4.5

动效设计技能Skill motion-design

动效设计技能专注于创建用户界面中的动画效果,包括HUD动画、时序管理、弹簧物理、微交互等,旨在提升用户体验、提供反馈并确保可访问性。适用于前端开发、UI设计和性能优化场景。关键词:动效设计、UI动画、前端动画、CSS动画、JavaScript动画、性能优化、无障碍设计、HUD动画。

4.5

UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert

这个技能是一个综合的UI/UX设计指南库,提供多种风格、配色方案、字体搭配和UX最佳实践,支持跨技术栈的设计系统生成,适用于网页和移动应用开发。关键词:UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。

4.5

WP区块主题Skill wp-block-themes

WP区块主题技能专注于WordPress区块主题的开发、配置与调试。核心内容包括theme.json全局设置与样式管理、模板与模板部件创建、模式注册、样式变体应用,以及解决站点编辑器中的样式覆盖、缓存等常见问题。适用于WordPress开发者、主题设计师进行现代区块主题开发与维护。关键词:WordPress区块主题,theme.json配置,模板开发,样式变体,站点编辑器调试,WordPress主题开发。

4.5

WordPress交互性APISkill wp-interactivity-api

本技能用于WordPress交互性API的开发与调试,涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本,帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词:WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发

4.5

原子设计:分子组件Skill atomic-design-molecules

该技能专注于原子设计方法论中的分子组件创建,用于将原子组件组合成功能性的UI元素,如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性,支持高效的前端界面构建。

4.5

构建Logseq插件Skill building-logseq-plugins

专家指导构建与新数据库架构兼容的 Logseq 插件,自动触发插件创建、API 使用、功能扩展或数据库图插件开发帮助,涵盖插件结构、API 使用和数据库特定考虑。

4.5

nuqs最佳实践Skill nuqs

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