前端开发 Skill技能列表

零构建前端开发Skill zero-build-frontend

4.5

零构建前端开发是一种前端技术,通过CDN直接加载React、Tailwind CSS等库,无需本地构建工具,适用于快速开发静态网站、地图应用、数据驱动应用和浏览器扩展。关键词:零构建、前端开发、CDN、React、Tailwind CSS、JavaScript、静态网站、浏览器扩展、Google Sheets、Leaflet。

网页制品构建器Skill web-artifacts-builder

4.5

这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件,特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui,支持状态管理、路由和组件化开发,便于创建高质量的前端制品。关键词:前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。

Shopify开发Skill shopify

4.5

此技能专注于在Shopify电子商务平台上构建应用、扩展和主题,涉及使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板语言进行全栈开发。关键词:Shopify开发、电子商务平台、应用开发、主题定制、API集成、前端UI、后端逻辑、扩展功能。

Context7高效文档获取器Skill context7-efficient

4.5

Context7高效文档获取器是一款专为开发者设计的智能文档检索工具,通过创新的shell管道过滤技术实现高达86.8%的令牌节省。该工具能够智能获取JavaScript、Python、Go、Rust等主流编程语言的库文档、API参考、代码示例和最佳实践。核心功能包括智能库解析、代码示例提取、API签名过滤和概念解释,特别适用于React hooks查询、Next.js路由语法、Prisma使用模式等框架学习场景。主要关键词:文档获取、令牌优化、代码示例、API参考、开发工具、智能过滤、MCP技术、编程学习、框架文档、效率提升。

Next.js架构专家Skill nextjs-architecture

4.5

此技能专注于提供 Next.js 框架的架构设计与优化解决方案。核心内容包括 App Router 路由模式、服务器组件实现、性能调优策略以及从旧版 Pages Router 的平滑迁移。适用于需要构建高性能、可扩展的全栈 Web 应用场景,帮助开发者遵循最佳实践,提升应用加载速度与开发效率。关键词:Next.js 架构,App Router 迁移,服务器组件,性能优化,全栈开发,React 框架。

ChatKitWidget集成技能Skill chatkit-widget

4.5

在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。

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

4.5

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

移动响应式网页开发Skill mobile-responsiveness

4.5

移动响应式网页开发技能专注于构建响应式、移动优先的网页应用,涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。

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

4.5

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

原子设计原子组件Skill atomic-design-atoms

4.5

这个技能专注于创建原子级UI组件,如按钮、输入框、标签和图标,作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性,用于构建一致的前端界面。关键词:原子设计,UI组件,前端开发,设计系统,React组件,可访问性,样式令牌。

Web框架技能组Skill web-frameworks

4.5

本技能组提供综合指南,用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词:Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。

Three.js三维网页开发Skill threejs

4.5

Three.js 是一个强大的 WebGL/WebGPU 库,用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程,适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词:Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。