前端开发 Skill技能列表
ChatKitWidget集成技能Skill chatkit-widget
在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。
常见开发陷阱预防指南Skill common-pitfalls
本技能是一个全面的代码审查与陷阱预防工具,专注于现代Web开发中的常见错误模式。它通过自动化检查,帮助开发者在代码审查、提交前和调试阶段,系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词:代码审查,陷阱预防,Web开发,React,区块链,安全,最佳实践,自动化检查,开发效率。
Three.js三维网页开发Skill threejs
Three.js 是一个强大的 WebGL/WebGPU 库,用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程,适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词:Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。
React19开发指南Skill react-19
本指南提供了React 19开发的核心概念、模式和最佳实践,包括Actions、Server Components和新的hooks,旨在帮助开发者构建高性能的React应用。
React服务器端动作Skill react-server-actions
React服务器端动作是一种在Next.js 14+框架中实现的功能,用于安全处理表单提交和服务器端数据操作,无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新,适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词:React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。
FrontendDeveloperAgentSkill develop-frontend
这项技能涉及使用Next.js/React技术栈进行前端开发,包括UI实现、API集成、状态管理等关键环节,确保项目在前端的高质量交付。
前端开发前指南阅读Skill before-frontend-dev
该技能用于在开始前端开发任务前,系统阅读和理解相关开发指南,以确保代码质量、一致性并遵循最佳实践,关键词包括前端开发、指南阅读、编码标准、代码规范、SEO优化。
Web设计指南审查Skill web-design-guidelines
这是一个 AI 技能,用于自动化审查用户界面代码是否符合 Web Interface Guidelines,提升网站的可访问性、用户体验和设计合规性,关键词包括 UI 审查、可访问性审计、Web 设计指南、前端开发、代码审计。
UI设计技能(Web)Skill ui-web
这个技能涵盖了Web UI设计的现代趋势和技术,包括玻璃形态效果、Tailwind CSS框架的应用、暗色模式的实现,以及确保可访问性的核心原则。关键词包括:玻璃形态、Tailwind、暗色模式、可访问性。
Shopify开发Skill shopify
此技能专注于在Shopify电子商务平台上构建应用、扩展和主题,涉及使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板语言进行全栈开发。关键词:Shopify开发、电子商务平台、应用开发、主题定制、API集成、前端UI、后端逻辑、扩展功能。
Markdown表格格式化工具Skill md-tables
这个技能用于修复和格式化Markdown表格,解决对齐和间距问题,适用于文档编写和表格生成。关键词包括:Markdown表格、表格格式化、对齐列、间距修复、文档工具、自动表格优化、Markdown文档处理。
网页制品构建器Skill web-artifacts-builder
这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件,特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui,支持状态管理、路由和组件化开发,便于创建高质量的前端制品。关键词:前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。