搜索结果: "react"
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开发工具，编程文档索引，令牌优化，技术栈支持。
前端构建工具套件Skill artifacts-builder
这是一个用于创建复杂前端HTML工件的工具套件，基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui，特别适合需要状态管理、路由和多组件集成的项目。关键词包括：前端开发、React、HTML构建、工具套件、量化交易工具辅助（作为股票量化交易专家，此工具可用于构建交易界面和可视化组件）
精英MVP大师Skill elite-mvp-master
这是一个用于指导非技术背景用户（如项目经理Bill）进行联邦级建筑管理软件（OC Pipeline）开发的专家技能。它提供顶尖1%的软件开发标准，强制使用极其简单、无术语的沟通方式，并输出完整的生产级代码和分步操作指南。关键词：软件开发指导，联邦合规软件，Supabase，React，Node.js，无代码指导，建筑管理SaaS，生产级代码，分步教程。
设计到生产Skill design-to-production
这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化（Glassmorphism）UI设计风格，通过5步标准化流程（分析→映射→脚手架→实现→验证）确保代码质量。关键词：HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成
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 providing-feedback
此技能实现了全面的用户反馈和通知系统，用于在软件应用中提供一致的系统状态通信、消息显示和用户确认处理，包括toast通知、模态对话框、进度指示器等。关键词：反馈系统、通知、用户界面、前端开发、React、可访问性。
RadixUI技能Skill radix-ui
Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发
React组件生成器Skill react-component
这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理，并遵循无障碍（a11y）最佳实践。核心功能包括：一键生成函数组件、自定义Hooks和Context Provider，支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库，提升开发效率和代码质量。关键词：React组件生成，TypeScript，Hooks，前端开发，无障碍设计，状态管理，UI库。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js等现代前端框架的最佳实践，涵盖组件设计、状态管理、性能优化、表单处理、错误边界、动画和可访问性等方面，帮助开发者构建高性能、可维护的用户界面。关键词：前端开发、React、Next.js、组件模式、状态管理、性能优化、SEO、Web开发。
CloudflareTurnstile机器人防护Skill cloudflare-turnstile
此技能提供Cloudflare Turnstile的集成指南，用于替代CAPTCHA实现网站机器人防护，防止垃圾邮件和恶意攻击。适用于前端框架如React、Next.js，后端如Cloudflare Workers、Hono，并包括服务器端验证和故障排除。关键词：Turnstile, CAPTCHA, 机器人防护, siteverify, 云安全, bot protection, 身份验证
自动动画Skill auto-animate
AutoAnimate 是一个零配置的前端动画库，适用于 React、Vue、Svelte 等框架，可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成，并支持 SSR 安全。关键词：自动动画，零配置动画，React动画，Vue动画，轻量动画，前端开发，动画库。