搜索结果: "react"
设计到生产Skill design-to-production
这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化(Glassmorphism)UI设计风格,通过5步标准化流程(分析→映射→脚手架→实现→验证)确保代码质量。关键词:HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成
构建聊天界面Skill building-chat-interfaces
本技能专注于构建生产级的AI聊天界面,提供完整的全栈解决方案。涵盖前端React组件集成、后端Python服务器开发、身份验证机制(JWT/JWKS)、上下文注入、数据库持久化、SSE流式响应、Next.js集成以及MCP工具认证等核心功能。适用于需要将AI智能体嵌入到Web应用、实现个性化对话体验、管理用户会话历史的企业级应用场景。关键词:AI聊天界面、ChatKit集成、全栈开发、身份验证、上下文注入、流式响应、Next.js代理、MCP工具、生产级部署。
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开发。
ViteSkill vite
Vite 是一个用于前端开发的下一代构建工具,提供快速的开发服务器、优化的生产构建和服务器端渲染支持。它基于 Vite 8 使用 Rolldown 打包器和 Oxc 转换器,适用于现代前端框架如 Vue 和 React,并支持插件扩展。关键词:Vite、前端构建工具、Rolldown、SSR、Vue、React、插件 API、构建配置、开发服务器。
tauri项目初始化Skill tauri-project-setup
该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架(如React、Vue、Svelte),提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词:Tauri桌面应用,Rust后端,前端框架集成,跨平台开发,WebView,轻量级应用。
实现命令面板Skill implementing-command-palettes
本技能详细讲解如何在React中实现高效、响应式的命令面板(Cmd+K/Ctrl+K),涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。
前端构建工具套件Skill artifacts-builder
这是一个用于创建复杂前端HTML工件的工具套件,基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui,特别适合需要状态管理、路由和多组件集成的项目。关键词包括:前端开发、React、HTML构建、工具套件、量化交易工具辅助(作为股票量化交易专家,此工具可用于构建交易界面和可视化组件)
Electron桌面开发Skill electron-dev
Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词:Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。
Web3身份验证SDK模式Skill web3-privy
Privy SDK 是一个用于Web3应用的身份验证解决方案,提供钱包登录、嵌入式钱包、社交登录和服务器端验证功能。关键词:Web3身份验证、区块链登录、嵌入式钱包、Privy SDK、多链支持、React集成、DeFi应用开发。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南,涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则(可读性、KISS、DRY、YAGNI)、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队,帮助建立统一的代码规范,提高代码质量和团队协作效率。
精英MVP大师Skill elite-mvp-master
这是一个用于指导非技术背景用户(如项目经理Bill)进行联邦级建筑管理软件(OC Pipeline)开发的专家技能。它提供顶尖1%的软件开发标准,强制使用极其简单、无术语的沟通方式,并输出完整的生产级代码和分步操作指南。关键词:软件开发指导,联邦合规软件,Supabase,React,Node.js,无代码指导,建筑管理SaaS,生产级代码,分步教程。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具,能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数,并强制执行代码质量标准,包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化,提高开发效率和代码一致性。关键词:前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。