搜索结果: "react"
Web组件设计Skill web-component-design
这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。
原子设计：有机体Skill atomic-design-organisms
原子设计有机体技能专注于构建用户界面中的复杂组件，如导航栏、内容卡片和表单部分。它基于原子设计方法论，通过组合原子和分子来创建可重用、状态管理的独立UI部分，提高前端开发效率和代码可维护性。关键词：原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。
tauri项目初始化Skill tauri-project-setup
该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架（如React、Vue、Svelte），提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词：Tauri桌面应用，Rust后端，前端框架集成，跨平台开发，WebView，轻量级应用。
tsdownSkill tsdown
tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具，专为前端开发者设计，用于高效构建、打包和发布npm库。它支持多种输出格式（ESM、CJS、IIFE、UMD），自动生成类型声明文件，提供摇树优化和压缩功能，并兼容主流前端框架（React、Vue、Solid、Svelte）。关键词：TypeScript打包工具，JavaScript库构建，前端开发工具，npm库打包，Rolldown，摇树优化，类型声明生成，多格式输出，组件库构建。
Context7MCP使用模式Skill context7-usage
Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容，支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗，提升开发文档查询的精确度和速度，是程序员和AI助手进行技术文档检索的优化解决方案。关键词：Context7 MCP，文档检索，库文档查询，AI开发工具，编程文档索引，令牌优化，技术栈支持。
CloudflareWorkers框架集成Skill workers-frameworks
该技能涉及在 Cloudflare Workers 无服务器计算平台上集成和部署现代 Web 框架，以构建高性能的全栈应用程序。它支持路由管理、服务器端渲染（SSR）、静态资产处理和边缘部署，适用于开发 API、轻量级应用、内容网站以及各种前端框架（如 React、Vue、Svelte）的项目。关键词包括：Cloudflare Workers、框架集成、无服务器、SSR、边缘计算、Hono、Remix、Next.js、Astro、SvelteKit、Qwik、Nuxt。
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、主题定制、应用开发、性能优化。
跨平台移动开发专家Skill mobile-agent
此技能专注于跨平台移动应用开发，使用Flutter和React Native等技术，用于构建高性能的iOS和Android原生应用。涵盖移动UI设计、平台功能集成、离线优先架构等关键方面，旨在实现清洁架构和高效状态管理。关键词：移动开发、跨平台、Flutter、React Native、iOS、Android、清洁架构、状态管理、UI设计、离线优先。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术，有效避免prop drilling，提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词：React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。
实现命令面板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构建、工具套件、量化交易工具辅助（作为股票量化交易专家，此工具可用于构建交易界面和可视化组件）
Context7自动文档研究Skill context7-auto-research
这是一个用于Claude Code的技能，通过Context7 API自动获取最新库和框架的文档，帮助开发者快速获取技术文档，支持React、Next.js、Prisma等流行库。关键词：Claude Code, Context7 API, 自动文档获取, 库文档, 框架文档, AI辅助编程, 技术研究。