搜索结果: "react"
前端构建工具套件Skill artifacts-builder
这是一个用于创建复杂前端HTML工件的工具套件,基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui,特别适合需要状态管理、路由和多组件集成的项目。关键词包括:前端开发、React、HTML构建、工具套件、量化交易工具辅助(作为股票量化交易专家,此工具可用于构建交易界面和可视化组件)
Web组件设计Skill web-component-design
这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件,涵盖CSS-in-JS样式方法、组件组合模式(如复合组件、渲染属性)、API设计等,适用于构建组件库、前端设计系统和提升代码可维护性。关键词:React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。
Vue响应性系统Skill vue-reactivity-system
Vue响应性系统是Vue.js框架的核心部分,基于JavaScript Proxies实现数据响应式更新,包括ref、reactive、computed、watch等API,用于前端开发中的状态管理、性能优化和复杂数据流处理,关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。
Web3身份验证SDK模式Skill web3-privy
Privy SDK 是一个用于Web3应用的身份验证解决方案,提供钱包登录、嵌入式钱包、社交登录和服务器端验证功能。关键词:Web3身份验证、区块链登录、嵌入式钱包、Privy SDK、多链支持、React集成、DeFi应用开发。
tsdownSkill tsdown
tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具,专为前端开发者设计,用于高效构建、打包和发布npm库。它支持多种输出格式(ESM、CJS、IIFE、UMD),自动生成类型声明文件,提供摇树优化和压缩功能,并兼容主流前端框架(React、Vue、Solid、Svelte)。关键词:TypeScript打包工具,JavaScript库构建,前端开发工具,npm库打包,Rolldown,摇树优化,类型声明生成,多格式输出,组件库构建。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具,能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数,并强制执行代码质量标准,包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化,提高开发效率和代码一致性。关键词:前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
Next.js15OptimizationSkill nextjs-optimization
这个技能专注于优化 Next.js 15 应用程序,以提升网站性能,核心 Web 指标得分,以及遵循生产最佳实践。关键词包括:性能优化、核心 Web 指标、SEO、React、App Router。
CloudflareWorkers框架集成Skill workers-frameworks
该技能涉及在 Cloudflare Workers 无服务器计算平台上集成和部署现代 Web 框架,以构建高性能的全栈应用程序。它支持路由管理、服务器端渲染(SSR)、静态资产处理和边缘部署,适用于开发 API、轻量级应用、内容网站以及各种前端框架(如 React、Vue、Svelte)的项目。关键词包括:Cloudflare Workers、框架集成、无服务器、SSR、边缘计算、Hono、Remix、Next.js、Astro、SvelteKit、Qwik、Nuxt。
自动动画Skill auto-animate
AutoAnimate 是一个零配置的前端动画库,适用于 React、Vue、Svelte 等框架,可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成,并支持 SSR 安全。关键词:自动动画,零配置动画,React动画,Vue动画,轻量动画,前端开发,动画库。
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 coding-standards
这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式,旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI,以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词:编码标准,最佳实践,TypeScript,JavaScript,React,Node.js,软件开发,代码质量,前端开发,后端开发。
自主代理技能Skill autonomous-agents
此技能专注于设计和构建可靠的自主AI代理系统。涵盖代理循环(如ReAct和Plan-Execute)、目标分解、自我纠正和反思模式。强调通过减少失败率和添加护栏来确保代理在生产环境中的稳定性。关键词:自主代理、AI智能体、agent loops、目标分解、自我纠正、反思模式、可靠性、护栏。