前端开发 Skill技能列表

4.5

Prettier插件Skill prettier-plugins

此技能专注于Prettier插件的各个方面,包括插件生态系统、自定义解析器和插件开发,旨在帮助开发者掌握代码格式化工具的高级应用。关键词:Prettier插件, 代码格式化, JavaScript开发, 前端工具, 插件开发, SEO

4.5

颜色调色板生成器Skill color-palette-generator

这是一个用于生成UI设计标准颜色调色板的工具,支持现代、企业、深色模式等多种风格,输出Hex代码和CSS变量,便于直接在前端开发中使用。关键词:颜色调色板生成、UI设计工具、前端开发资源、CSS变量、Hex代码。

4.5

ReactHooks模式Skill react-hooks-patterns

这个技能用于掌握和使用 React Hooks 的各种模式,包括 useState、useEffect、useContext、useMemo、useCallback 和自定义钩子,实现现代 React 前端应用中的状态管理、副作用处理、性能优化和可重用逻辑。关键词:React Hooks, 前端开发, 状态管理, 副作用, 性能优化, 自定义钩子。

4.5

WP区块主题Skill wp-block-themes

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

4.5

主题化组件设计系统Skill theming-components

这个技能提供了设计令牌系统和主题框架,用于跨所有组件实现一致、可定制的UI样式。它包括完整的令牌分类(颜色、排版、间距、阴影、边框、动画、z索引)、主题切换(亮暗模式、高对比度、自定义品牌)、RTL/i18n支持和可访问性功能,是前端开发中UI设计的基础层。关键词:设计令牌、主题系统、CSS变量、UI样式、前端开发、可访问性、RTL支持、品牌定制。

4.5

常见开发陷阱预防指南Skill common-pitfalls

本技能是一个全面的代码审查与陷阱预防工具,专注于现代Web开发中的常见错误模式。它通过自动化检查,帮助开发者在代码审查、提交前和调试阶段,系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词:代码审查,陷阱预防,Web开发,React,区块链,安全,最佳实践,自动化检查,开发效率。

4.5

React服务器端动作Skill react-server-actions

React服务器端动作是一种在Next.js 14+框架中实现的功能,用于安全处理表单提交和服务器端数据操作,无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新,适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词:React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。

4.5

构建Logseq插件Skill building-logseq-plugins

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

4.5

Storybook组件文档编写Skill storybook-component-documentation

这个技能专注于使用Storybook创建和改进组件文档,通过autodocs、MDX和JSDoc实现自动化文档生成,提高前端开发效率。关键词:Storybook, 组件文档, 前端开发, 自动文档, MDX, JSDoc, SEO优化

4.5

LimeECharts技能Skill lime-echart

Lime ECharts 技能是一个用于 UniApp 和 UniAppX 平台的图表库插件,帮助开发者快速创建和配置各种数据可视化图表,如折线图、柱状图、饼图等,支持跨平台兼容、交互功能和性能优化。关键词包括:lime-echart, 数据可视化, 图表, uniapp, 前端开发。

4.5

FrontendDeveloperAgentSkill develop-frontend

这项技能涉及使用Next.js/React技术栈进行前端开发,包括UI实现、API集成、状态管理等关键环节,确保项目在前端的高质量交付。

4.5

前端UI/UX设计开发Skill frontend-ui-ux

前端UI/UX设计开发技能,专注于用户界面和用户体验的设计与实现,涵盖组件设计、响应式布局、设计系统一致性、可访问性合规等核心能力,适用于网页和应用程序开发,便于SEO搜索关键词如前端开发、UI设计、UX设计、网页设计、组件开发、响应式设计、设计系统、可访问性。