搜索结果: "react"
Ink组件生成器Skill ink-component-generator
Ink组件生成器是一个专门用于为命令行界面（CLI）快速生成基于React的终端UI组件的工具。它能够自动化创建交互式组件（如选择列表、文本输入框、加载动画）、自定义状态管理钩子以及布局组件，并支持设置项目结构和测试。适用于开发命令行仪表盘、交互式表单、监控面板等终端应用程序。关键词：Ink组件，React CLI，终端UI，命令行界面，组件生成，前端开发，Node.js，交互式应用。
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构建、工具套件、量化交易工具辅助（作为股票量化交易专家，此工具可用于构建交易界面和可视化组件）
Web3身份验证SDK模式Skill web3-privy
Privy SDK 是一个用于Web3应用的身份验证解决方案，提供钱包登录、嵌入式钱包、社交登录和服务器端验证功能。关键词：Web3身份验证、区块链登录、嵌入式钱包、Privy SDK、多链支持、React集成、DeFi应用开发。
移动应用性能剖析与优化Skill MobilePerformanceProfiling
本技能专注于移动应用（iOS、Android、React Native、Flutter）的性能分析与优化。提供全面的性能剖析工具链使用指南，包括Xcode Instruments、Android Profiler、Flipper和Flutter DevTools，帮助开发者识别CPU瓶颈、内存泄漏、渲染卡顿、启动缓慢等核心性能问题，并提供代码级的优化方案和最佳实践。关键词：移动性能优化，应用性能剖析，内存泄漏检测，帧率优化，启动加速，React Native性能，Flutter性能，SwiftUI优化，Jetpack Compose优化。
精英MVP大师Skill elite-mvp-master
这是一个用于指导非技术背景用户（如项目经理Bill）进行联邦级建筑管理软件（OC Pipeline）开发的专家技能。它提供顶尖1%的软件开发标准，强制使用极其简单、无术语的沟通方式，并输出完整的生产级代码和分步操作指南。关键词：软件开发指导，联邦合规软件，Supabase，React，Node.js，无代码指导，建筑管理SaaS，生产级代码，分步教程。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具，能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数，并强制执行代码质量标准，包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化，提高开发效率和代码一致性。关键词：前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
构建聊天界面Skill building-chat-interfaces
本技能专注于构建生产级的AI聊天界面，提供完整的全栈解决方案。涵盖前端React组件集成、后端Python服务器开发、身份验证机制（JWT/JWKS）、上下文注入、数据库持久化、SSE流式响应、Next.js集成以及MCP工具认证等核心功能。适用于需要将AI智能体嵌入到Web应用、实现个性化对话体验、管理用户会话历史的企业级应用场景。关键词：AI聊天界面、ChatKit集成、全栈开发、身份验证、上下文注入、流式响应、Next.js代理、MCP工具、生产级部署。
Shopify开发Skill shopify-developer
这个技能涵盖了Shopify电商平台的全面开发参考，包括Liquid模板语言、主题开发（OS 2.0）、GraphQL Admin API、Storefront API、自定义应用开发、Shopify Functions、Hydrogen框架、性能优化和调试。适用于处理.liquid文件、创建主题部分和块、编写GraphQL查询或突变、使用CLI和Polaris构建Shopify应用、通过Ajax API实现购物车操作、优化Shopify商店的核心Web指标、调试Liquid或API错误、配置settings_schema.json、访问Shopify对象（产品、集合、购物车、客户）、使用Liquid过滤器、创建应用扩展、处理webhooks、从Scripts迁移到Functions，或使用Hydrogen和React Router 7构建无头商店前端。关键词：Shopify开发、电商平台、Liquid模板、GraphQL API、主题定制、应用开发、性能优化。
Remix图标库实现技能Skill remix-icon
Remix图标库实现技能是一个指导如何集成和使用RemixIcon图标库的指南，RemixIcon提供3100多个中立风格图标，包括线性和填充两种样式。该技能适用于前端开发、UI设计、应用程序图标添加等场景，支持Webfonts、SVG、React、Vue等多种集成方式，涵盖安装、使用模式、最佳实践和故障排除。关键词：图标库，RemixIcon，前端开发，UI设计，SVG图标，React集成，Vue集成，图标实现，Webfonts，UI组件。
Web组件设计Skill web-component-design
这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。