前端开发 Skill技能列表
网页排版Skill web-typography
这个技能用于优化网页排版的设计与实现,提升内容的可读性和用户体验。它包括字体选择、评估、配对、排版测量设置、响应式设计、类型层次构建和字体加载性能优化。关键词:网页排版、字体设计、CSS排版、响应式设计、Web性能、用户体验。
算法艺术Skill algorithmic-art
这个技能用于创建算法艺术,通过p5.js库实现种子随机性和交互式参数探索,生成独特的生成式艺术作品。关键词:算法艺术、生成式艺术、p5.js、交互式参数、前端开发、艺术生成、计算美学、Web技术、创意编程、数字艺术
uCharts图表库使用指南Skill ucharts
此技能提供uCharts图表库的全面使用指导,涵盖安装、配置、图表类型、API文档和最佳实践,适用于uni-app、微信小程序、H5和APP等平台的数据可视化开发。关键词:uCharts, 图表库, 数据可视化, uni-app, 微信小程序, 前端开发, 图表配置。
TailwindCSS配置Skill tailwind-configuration
Tailwind CSS配置技能专注于通过tailwind.config.js文件自定义Tailwind CSS框架,包括内容路径设置、主题扩展、插件集成和构建优化,适用于前端开发项目,关键词包括Tailwind CSS、配置、主题定制、插件、前端开发、CSS框架。
ReactFlow基础Skill reactflow-fundamentals
React Flow 基础技能是一个用于前端开发的 React 库,专注于构建可自定义的节点图编辑器、流程图、工作流界面和交互图表。涵盖核心概念、安装设置、节点和边配置、事件处理及插件组件,适用于数据可视化、无代码工具和 UI 设计。关键词:React Flow, 节点图表, 流程图, 交互界面, 前端开发, 数据可视化, 工作流编辑器
前端代码检查Skill check-frontend
这个技能用于自动检查和确保前端代码符合开发指南,通过执行git命令和读取指南文件,提升代码质量和团队协作效率。关键词:前端开发、代码检查、git、指南遵守、自动化测试。
Webpack技能Skill webpack
Webpack技能是前端开发中用于项目构建和优化的核心工具。它专注于JavaScript模块打包、代码分割、性能优化和现代前端架构(如微前端)的实现。通过配置加载器、插件和模块联邦,开发者可以高效管理项目依赖、减少打包体积、提升应用加载速度,并支持复杂应用的模块化开发和部署。关键词:Webpack配置、前端构建工具、模块打包、代码分割、性能优化、微前端、Module Federation、加载器、插件、打包优化。
Web界面设计指南合规审查技能Skill web-design-guidelines
这个技能用于自动审查UI代码的合规性,确保其遵循最新的Web界面设计指南。它能实时获取并应用指南规则,检查代码文件中的问题,并以简洁格式输出结果,适用于前端开发、用户体验优化和网站合规性审计。关键词:UI代码审查、Web设计指南、前端开发、可访问性检查、设计审核、UX审查、合规性检查。
Next.jsAppRouter-生产模式Skill nextjs
这个技能提供了Next.js 16 App Router的生产模式最佳实践,涵盖Server Components、Server Actions、Cache Components等,用于构建高性能的React应用,包括数据获取、表单处理、缓存优化和性能调优。关键词:Next.js 16, App Router, Server Components, Server Actions, 缓存组件, 性能优化, React 19.2, 生产部署, Web开发。
AntDesignReact组件库技能Skill ant-design-react
该技能提供 Ant Design React 组件库的全面使用指南,帮助开发者快速构建 React 应用,支持组件如按钮、表单、表格的集成,主题定制,国际化,TypeScript 类型支持等,关键词包括 Ant Design, React, 组件库, 前端开发, UI 设计, 主题定制, 国际化, TypeScript。
前端设计Skill frontend-design
该技能专注于创建独特、生产级别的前端界面,强调高质量设计和创意代码实现,避免通用AI美学。适用于构建网页组件、页面、应用程序等,生成视觉冲击力强的UI设计。关键词:前端开发、UI设计、代码美学、网页界面、生产级别、创意设计、前端技能。
Nuxt模块开发Skill nuxt-modules
Nuxt模块开发技能专注于创建和维护Nuxt框架的扩展模块,用于增强前端应用功能。涉及关键词:Nuxt模块、Vue.js开发、前端扩展、npm发布、CI/CD自动化、E2E测试、模块化开发、Kit实用工具。