搜索结果: "react"
构件构建器Skill artifacts-builder
构件构建器是一个前端开发工具套件,专门用于创建和打包复杂、多组件的Claude.ai HTML构件。它集成了React、TypeScript、Vite、Tailwind CSS和shadcn/ui,支持状态管理、路由和组件化开发,并能将项目捆绑成单个HTML文件,便于分享和部署。关键词:前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、构件构建、Vite、Parcel。
Algolia搜索集成技能Skill algolia-search
此技能提供Algolia搜索的集成解决方案,涵盖React InstantSearch hooks使用、Next.js服务器端渲染、数据同步和索引策略。适用于开发者在Web应用中添加高效的搜索功能。关键词:Algolia搜索、React、InstantSearch、Next.js、SSR、索引策略、数据同步。
Figma到React代码转换技能Skill design-to-code
这个技能用于将Figma设计文件自动转换为高质量的React + TypeScript组件代码,确保像素完美的视觉还原。它通过辅助脚本简化流程,支持错误恢复,提高前端开发效率。关键词包括Figma、React、TypeScript、代码生成、前端开发、自动化、像素完美。
UI/UXProMaxSkill ui-ux-pro-max
UI/UX Pro Max是一个全面的设计智能技能,专为网页和移动应用的UI/UX设计提供指导。它包含50多种样式、97种色彩调色板、57种字体配对、99个UX指南和25种图表类型,支持9种技术栈如React、Vue、Tailwind。用于设计新UI组件、选择颜色和字体、审查代码、构建落地页、实施可访问性,提高设计效率和专业性。关键词:UI设计、UX设计、前端开发、网页设计、移动应用设计、设计系统、可访问性、响应式设计、Tailwind CSS、React、Vue。
Remotion最佳实践Skill remotion-best-practices
此技能提供Remotion的最佳实践指南,帮助开发者使用React高效创建视频内容,涵盖动画制作、资产导入、音频处理、字幕显示等关键技术。关键词:Remotion, React, 视频创建, 最佳实践, 动画, 前端开发, SEO优化
移动设计系统Skill mobile-design
移动设计系统是一个专注于移动应用设计的技能框架,提供移动优先设计思维、触摸交互原则、性能优化指南和平台特定决策。适用于iOS和Android应用开发,支持React Native、Flutter和原生开发。教导设计原则而非固定值,帮助开发者构建高效、用户体验友好的移动应用。关键词:移动设计、触摸交互、性能优化、平台适配、移动应用开发、UI/UX设计、移动优先、React Native、Flutter、iOS、Android。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面,专注于高质量UI设计和创意编码,避免通用AI美学,适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景,提升用户体验和视觉冲击力。关键词:前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。
FigmaMCP集成Skill figma
Figma MCP 是一个技能,用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产,然后按照项目规范(如 React 和 Tailwind)实现代码,确保视觉和行为与设计一致。关键词:Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。
3DWeb体验Skill 3d-web-experience
此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验,包括产品配置器、交互式场景和沉浸式网站,平衡视觉冲击与性能优化,提升用户体验和SEO友好性。关键词:3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。
LangGraph(语言图)Skill langgraph
LangGraph是一个专为构建状态化、多参与者AI应用设计的生产级框架,支持图构造、状态管理、条件路由和持久化。它适用于开发AI智能体,实现可调试的代理流程,广泛应用于AI代理、状态管理、图计算和ReAct模式。关键词:LangGraph, AI智能体, 状态管理, 图构造, 代理开发, 生产级框架, 可调试AI
Context7自动文档研究Skill context7-auto-research
这是一个用于Claude Code的技能,通过Context7 API自动获取最新库和框架的文档,帮助开发者快速获取技术文档,支持React、Next.js、Prisma等流行库。关键词:Claude Code, Context7 API, 自动文档获取, 库文档, 框架文档, AI辅助编程, 技术研究。
自主代理技能Skill autonomous-agents
此技能专注于设计和构建可靠的自主AI代理系统。涵盖代理循环(如ReAct和Plan-Execute)、目标分解、自我纠正和反思模式。强调通过减少失败率和添加护栏来确保代理在生产环境中的稳定性。关键词:自主代理、AI智能体、agent loops、目标分解、自我纠正、反思模式、可靠性、护栏。