前端开发 Skill技能列表
GPUI布局与样式设计技能Skill gpui-layout-and-style
这个技能涉及使用GPUI库进行CSS-like样式设置和弹性盒子布局,专注于在Rust环境中设计和应用用户界面的样式和布局系统。关键词:GPUI, 布局, 样式, Rust, 弹性盒子, CSS-like, 前端开发, UI设计
Qt翻译工作流Skill qt-translation-workflow
Qt翻译工作流技能专门用于配置和管理Qt应用程序的国际化(i18n)和本地化流程。该技能提供完整的Qt Linguist集成方案,包括字符串提取、翻译文件管理、多语言编译和CMake自动化配置。关键词:Qt国际化、Qt Linguist、.ts文件、lupdate、lrelease、多语言支持、本地化工作流、CMake翻译集成、Qt应用程序翻译、i18n自动化
Docusaurus文档站点开发技能Skill docusaurus
Docusaurus文档站点开发技能是专门用于快速构建、配置和管理基于React的现代化文档网站的工具。该技能提供完整的Docusaurus项目配置、侧边栏管理、版本控制、国际化支持、自定义插件开发、MDX组件集成、Algolia搜索配置等功能。适用于技术文档、API文档、产品手册等文档站点的快速开发和维护,支持多语言、多版本、可搜索的文档体系构建。关键词:Docusaurus文档站点、React文档开发、技术文档配置、版本控制文档、国际化文档、Algolia搜索、MDX组件、文档自动化。
GPUI组件开发Skill new-component
这个技能用于开发GPUI框架下的用户界面组件,包括无状态和有状态组件,遵循现有模式和样式一致性,适用于前端开发、UI设计和组件库构建。关键词:GPUI组件、前端开发、UI设计、组件库、无状态组件、有状态组件、Shadcn UI。
构建Next.js应用Skill building-nextjs-apps
本技能专注于使用Next.js 16框架构建现代化Web应用程序,涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更(异步params/searchParams、Turbopack、缓存组件)、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置(proxy.ts)、数据获取策略、项目结构规范以及开发工具集成(Next.js DevTools MCP)。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用,特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。
高效库文档获取器Skill fetching-library-docs
高效库文档获取器是一款基于Context7 MCP技术的智能工具,专门用于快速获取编程库的API文档、代码示例和使用模式。通过创新的Shell管道过滤技术,实现77%的令牌节省,显著提升开发效率。主要功能包括:自动识别库名称和主题、智能过滤文档内容、提供代码示例和API签名、支持多种开发框架(React、Next.js、Prisma等)。适用于开发学习、代码参考、API查询等场景。关键词:文档获取、API参考、代码示例、令牌优化、开发工具、MCP技术、编程学习、效率工具。
浏览器内容获取Skill browser-get-content
浏览器内容获取技能用于自动化提取网页文本和特定元素信息,支持数据抓取、页面验证和元素读取等操作。关键词:浏览器自动化、网页内容提取、数据抓取、元素获取。
Vue路由指南Skill vue-router
此技能提供Vue Router的详细指导,涵盖路由配置、导航守卫、动态路由、嵌套路由、程序化导航和路由元数据等功能,帮助开发者快速掌握前端路由管理,优化应用导航和用户体验。关键词:Vue Router,路由配置,导航守卫,动态路由,嵌套路由,程序化导航。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具,能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数,并强制执行代码质量标准,包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化,提高开发效率和代码一致性。关键词:前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
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开发。
ReactFlow基础Skill reactflow-fundamentals
React Flow 基础技能是一个用于前端开发的 React 库,专注于构建可自定义的节点图编辑器、流程图、工作流界面和交互图表。涵盖核心概念、安装设置、节点和边配置、事件处理及插件组件,适用于数据可视化、无代码工具和 UI 设计。关键词:React Flow, 节点图表, 流程图, 交互界面, 前端开发, 数据可视化, 工作流编辑器
前端路由Skill frontend-routing
前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由,包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。