搜索结果: "react"
EmpathyLedger开发技能Skill empathy-ledger-dev
Empathy Ledger开发技能是一个专门用于指导Empathy Ledger v2平台开发的综合参考工具。该平台是一个面向原住民社区、内置文化安全协议的多租户故事讲述系统。本技能提供项目结构、核心概念(如OCAP原则、文化敏感性分级)、常见开发模式、数据库设计、核心服务等快速参考。适用于开发人员快速查阅项目规范、确保文化合规性、实现多租户隔离、管理故事所有权和数据主权。关键词:Empathy Ledger、原住民数据主权、OCAP原则、文化安全协议、多租户架构、故事讲述平台、React开发、Next.js、Supabase、GDPR合规、文化敏感性设计。
CookModeV2事实源文档代理Skill cookmode-v2-source-of-truth
这是一个用于生成 CookMode V2 代码库技术文档的专用工具。它专注于描述现有系统的实现细节、文件结构、组件交互和数据流,提供准确、客观的事实性信息,不提供改进建议或批判性分析。关键词:CookMode V2, 技术文档, 代码库地图, 系统架构, 事实源, React, Supabase, 前端开发。
实现命令面板Skill implementing-command-palettes
React命令面板开发指南,涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化
高级前端工程师Skill senior-frontend
高级前端开发技能工具包,提供ReactJS、NextJS、TypeScript、Tailwind CSS等现代前端技术栈的完整解决方案。包含组件生成器、包分析器、前端脚手架三大核心工具,自动化实现组件开发、性能优化、代码质量检查。适用于企业级Web应用开发、前端性能优化、UI/UX设计实现、代码审查等场景。关键词:前端开发、React开发、NextJS优化、TypeScript、性能优化、组件库、前端脚手架、Web应用开发。
精英MVP大师Skill elite-mvp-master
这是一个用于指导非技术背景用户(如项目经理Bill)进行联邦级建筑管理软件(OC Pipeline)开发的专家技能。它提供顶尖1%的软件开发标准,强制使用极其简单、无术语的沟通方式,并输出完整的生产级代码和分步操作指南。关键词:软件开发指导,联邦合规软件,Supabase,React,Node.js,无代码指导,建筑管理SaaS,生产级代码,分步教程。
tsdownSkill tsdown
tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具,专为前端开发者设计,用于高效构建、打包和发布npm库。它支持多种输出格式(ESM、CJS、IIFE、UMD),自动生成类型声明文件,提供摇树优化和压缩功能,并兼容主流前端框架(React、Vue、Solid、Svelte)。关键词:TypeScript打包工具,JavaScript库构建,前端开发工具,npm库打包,Rolldown,摇树优化,类型声明生成,多格式输出,组件库构建。
添加事件类型Skill add-event-type
这是一个用于在前端信息流系统中扩展新事件类型的技术技能。主要功能包括:定义TypeScript接口、创建React组件、集成到现有类型系统、处理WebSocket消息。适用于前端开发、React应用扩展、实时消息处理等场景。关键词:前端开发、React组件、TypeScript、事件类型、WebSocket、信息流系统、UI扩展。
设计到生产Skill design-to-production
这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化(Glassmorphism)UI设计风格,通过5步标准化流程(分析→映射→脚手架→实现→验证)确保代码质量。关键词:HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具,能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数,并强制执行代码质量标准,包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化,提高开发效率和代码一致性。关键词:前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
原型到生产Skill prototype-to-production
原型到生产技能是一款自动化工具,用于将设计原型(如HTML、CSS、Figma导出文件)高效转换为生产就绪、类型化的前端组件。它通过分析原型结构,智能提取设计令牌和可复用模式,并遵循原子化设计方法论,生成符合项目技术栈(如React、TypeScript、Tailwind CSS)的整洁、可访问的代码。适用于前端开发、UI设计、代码重构和设计系统构建,提升从设计到开发的转化效率和质量。关键词:原型转换、前端组件、设计令牌、原子化设计、React组件、TypeScript、Figma、HTML转React、代码生成、UI开发。
React服务器组件框架Skill react-server-components-framework
本技能专注于使用 Next.js 15 的 App Router 构建现代 Web 应用,核心是掌握 React 服务器组件。它详细讲解了服务器优先架构、流式服务器端渲染、服务器操作以及高效的数据获取模式。内容涵盖组件边界设计、性能优化、高级路由(如并行路由和拦截路由)以及从旧版 Pages Router 的迁移策略。适用于希望构建高性能、SEO友好且具有优秀用户体验的下一代 React 应用的前端开发者。关键词:React Server Components, Next.js 15, 服务器端渲染, 流式渲染, App Router, 前端架构, 性能优化。
AI前端构件构建器Skill artifacts-builder
AI前端构件构建器是一个专门用于创建复杂、交互式Claude.ai HTML构件的工具套件。它基于现代前端技术栈(React、TypeScript、Tailwind CSS、shadcn/ui),提供完整的项目初始化、开发、打包流程。该工具支持状态管理、路由和丰富的UI组件,能够将复杂的React应用打包成单个自包含的HTML文件,方便在Claude对话中直接分享和使用。主要功能包括:一键项目初始化、现代化前端开发环境、shadcn/ui组件库集成、智能打包工具、自包含HTML输出。关键词:Claude构件、前端开发、React应用、HTML打包、AI工具、shadcn/ui、Tailwind CSS、Vite、Parcel、交互式构件