搜索结果: "react"
Figma组件代码生成Skill figma-generate-component
此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码,支持React、Vue、HTML/CSS等多种框架,优化设计到开发的工作流,提升效率。关键词:Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。
Zustand存储模式Skill zustand-store-patterns
这个技能是关于使用Zustand进行React状态管理的存储模式,用于优化应用性能和组织代码结构,包括存储定义、选择器、动作分离、性能优化等。关键词:Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。
Vue响应性系统Skill vue-reactivity-system
Vue响应性系统是Vue.js框架的核心部分,基于JavaScript Proxies实现数据响应式更新,包括ref、reactive、computed、watch等API,用于前端开发中的状态管理、性能优化和复杂数据流处理,关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。
Vue组合式APISkill vue-composition-api
Vue组合式API是Vue 3框架的核心功能,用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性,支持更好的代码组织、逻辑复用和TypeScript集成,适用于现代Vue开发,提高开发效率和代码质量。关键词:Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术,有效避免prop drilling,提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词:React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。
ArbitrumdApp开发技能指南Skill arbitrum-dapp-skill
本技能指南是关于如何在 Arbitrum 区块链上使用 Stylus (Rust) 和 Solidity 开发去中心化应用 (dApp) 的完整教程。内容涵盖从本地开发环境搭建 (nitro-devnode)、智能合约编写与测试 (Rust/Solidity)、到前端 (React/Next.js) 集成 (viem/wagmi) 的全栈工作流。关键词:Arbitrum, dApp开发, 智能合约, Stylus, Rust, Solidity, 区块链开发, 前端集成, 本地测试, 部署指南。
提示工程师Skill prompt-engineer
提示工程师是专注于大型语言模型(LLM)提示词设计、优化和评估的专业角色。核心技能包括思维链(Chain-of-Thought)、ReAct、小样本学习(few-shot learning)等高级提示技术,以及生产环境提示词管理和性能评估。该技能旨在通过精准的提示工程提升LLM应用的准确性、一致性和可靠性,减少模型幻觉,优化输出质量。关键词:提示工程,LLM提示优化,思维链,ReAct,小样本学习,提示词管理,AI提示设计,大语言模型优化。
生物反应器培养方案生成器Skill bioreactor-protocol-generator
生物反应器培养方案生成器是一款专为组织工程领域设计的技能工具,用于自动化生成和优化生物反应器中组织构建物的成熟培养方案。它整合了机械调节、灌注参数优化、气体交换计算、培养基配方指导及无菌流程管理等核心功能,帮助研究人员高效开发标准化、可重复的培养流程,加速组织工程产品的研发与生产。关键词:生物反应器,组织工程,培养方案,机械调节,灌注培养,无菌技术,质量控制,组织成熟,生物医学工程。
ReduxToolkit技能Skill redux-toolkit
Redux Toolkit 技能提供在 React 应用中实现现代化状态管理的专家级指导。它专注于 Redux Toolkit 库的核心模式,包括创建类型安全的切片(slice)、使用 createAsyncThunk 处理异步逻辑、配置 RTK Query 进行高效的数据获取与缓存、利用 createEntityAdapter 进行状态规范化,以及集成 Redux DevTools 进行调试。适用于从零搭建 Redux 项目、迁移旧版 Redux 或优化现有状态管理架构。关键词:Redux Toolkit,React 状态管理,RTK Query,异步操作,TypeScript,前端开发,状态规范化。
Storybook组件开发助手Skill storybook
Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能,帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架,是提升团队协作效率和代码质量的关键工具。关键词:Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。
样式化组件Skill styled-components
这是一个关于 styled-components CSS-in-JS 库的技能,提供主题化、组件变体、服务端渲染支持等功能的专家级实现指导。关键词:styled-components, CSS-in-JS, React 样式, 前端主题, 组件库开发, SSR 支持。
前端开发模式Skill frontend-patterns
本文介绍了React、Next.js框架下,用于状态管理、性能优化和UI最佳实践的现代前端开发模式。包括组件模式、自定义钩子模式、状态管理模式、性能优化、表单处理模式、错误边界模式、动画模式和可访问性模式。