移动端模式
io.github.YosemiteCrew/Yosemite-Crew/mobile-patterns
在 apps/mobileAppYC 中开展工作时使用。涵盖 React Native 架构、导航、Redux Toolkit 状态管理及移动端专属约定
“React” 共 547 个结果
io.github.YosemiteCrew/Yosemite-Crew/mobile-patterns
在 apps/mobileAppYC 中开展工作时使用。涵盖 React Native 架构、导航、Redux Toolkit 状态管理及移动端专属约定
io.github.vudovn/ag-kit/frontend-architecture
如何组织前端代码——关注点分离(UI / 逻辑 / 数据 / 类型)、文件职责、状态分层、API 服务、Schema 验证,以及 React/Next 和 Vue 的框架规范。提供结构规则,非视觉设计。
io.github.hypnguyen1209/offensive-claude/mobile-pentest
在对 Android/iOS 应用做渗透测试时使用——Frida 17 插桩、SSL 固定与 root/越狱绕过、Android 14/15 CA 注入、导出组件/Content Provider 滥用、深链/WebView 攻击链、生物识别绕过、Flutter/React-Native 逆向。
io.github.calesthio/OpenMontage/remotion-to-hyperframes
将现有 Remotion(React)合成移植到 HyperFrames HTML。仅当用户明确要求移植/转换/迁移/翻译 Remotion 源码时使用。不要用于:(a) 新写 HyperFrames 合成;(b) 顺带提到 Remotion;(c) Remotion 代码仅作参考分享;(d) "做一个和我某个 Remotion 作品一样的视频"这类未明确要求迁移的请求——按全新制作处理。存疑时用 /general-video。单向、仅 Remotion:不支持反向导出(HyperFrames→Remotion 或其他框架),非 Remotion 来源(After Effects、Framer Motion、普通 React/CSS)超出范围,需通过 /general-video 重做。会标记不支持的模式(useState、useEffect、async calculateMetadata、第三方 React 库、@remotion/lambda)并建议运行时互操作而非有损转换。不确定是移植还是全新制作,或只是顺带提到 Remotion?→ /hyperframes。
io.github.camunda/camunda/frontend-migrator
在把 operate/client/ 或 tasklist/client/ 的前端代码迁移、移植或重写到 orchestration cluster webapp 时使用。触发场景:迁移旧页面/组件、把 React Router 转成 TanStack Router、用 TanStack Query 替换 MobX、把 styled-components 改写为 SCSS、把旧测试转成 Vitest 浏览器模式,或询问旧模式如何映射到新应用。
io.github.forcedotcom/sf-skills/mobile-apps-create
在 iOS 或 Android 上构建任何 Salesforce 原生移动应用的入口。当用户说“build a Salesforce iOS app”“add Salesforce login to my Android app”“set up Mobile SDK”“add MobileSync / SmartStore offline storage”“embed an Agentforce agent in my mobile app”“add Agentforce chat to iOS/Android”,或要求以 Swift/Kotlin 创建、扩展、集成 Salesforce 移动体验(MSDK、Agentforce SDK 或两者)时触发。当构建非 Salesforce 移动应用、使用不含 Salesforce 集成的 React Native/Flutter/Ionic、咨询通用移动 UI 设计,或从事 Salesforce 周边 Web/桌面工作(LWC、Experience Cloud、仅品牌化的 Mobile Publisher)时不要使用。
io.github.calesthio/OpenMontage/vercel-composition-patterns
可扩展的 React 组合模式。在重构布尔 prop 膨胀的组件、构建灵活组件库或设计可复用 API 时使用。涉及复合组件、render props、context provider 或组件架构的任务触发。包含 React 19 API 变更。
io.github.novuhq/novu/framework-integration
用 @novu/framework 构建代码优先的通知工作流。适用场景:在 TypeScript 中定义工作流(Zod / JSON Schema / Class Validator)、组合通道步骤(邮件、短信、推送、聊天、应用内)与动作步骤(delay、digest、custom)、为非技术同事暴露 Step Controls、渲染 React/Vue/Svelte 邮件模板、在 Next.js、Express、NestJS、Remix、Nuxt、SvelteKit、H3 或 AWS Lambda 中托管 Bridge Endpoint、通过 CLI / GitHub Actions 同步到 Novu Cloud、用 HMAC 保障生产安全,或以代码实现翻译、hydration、多通道编排与 LLM 驱动的通知逻辑。
io.github.novuhq/novu/inbox-integration
把 Novu 的应用内通知收件箱集成进 Web 应用。支持 React、Next.js 与原生 JavaScript。包括 Inbox 组件(铃铛图标+通知流)、可组合组件(Bell、Notifications、InboxContent、Preferences)、headless hooks、品牌主题、自定义 render props、基于 context 的多租户、标签页、本地化与 HMAC 安全。当需要添加应用内通知中心、铃铛图标、通知流、实时通知更新,或构建个性化且带品牌的通知体验时使用。
io.github.irahardianto/awesome-agv/nextjs-idioms
Next.js App Router、RSC、Server Actions、ISR。React 相关内容见 react-idioms,TypeScript 相关内容见 typescript-idioms。
io.github.sickn33/antigravity-awesome-skills/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。在构建 React 组件、优化 Next.js 性能、分析 bundle 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。
io.github.fossasia/visdom/frontend-pane-lifecycle
在 React 前端构建与调试 pane 生命周期行为。在添加 pane 操作、布局行为、渲染更新或 pane 级交互时使用。
io.github.redis/RedisInsight/frontend
RedisInsight UI 的 React/Redux 前端开发模式:组件目录结构、styled-components、hooks、命名导出、barrel 文件、布局组件与主题用法。在编辑 redisinsight/ui/** 下任何文件、编写或修改 React 组件、Redux slice、styled-components、自定义 hook,或用户提到 UI、frontend、React、Redux、styled-components 时使用。
io.github.shareAI-lab/Kode-CLI/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.shinpr/claude-code-workflows/typescript-rules
React/TypeScript 前端开发规则,涵盖类型安全、组件设计、状态管理与错误处理。在实现 React 组件、TypeScript 代码或前端功能时使用。
io.github.YosemiteCrew/Yosemite-Crew/mobile-patterns
在 apps/mobileAppYC 中开展工作时使用。涵盖 React Native 架构、导航、Redux Toolkit 状态管理及移动端专属约定
io.github.supabase/supabase/studio-mock-api-tests
用 MSW 在网络层 mock API 请求来编写 Supabase Studio 组件测试。在编写或评审涉及 React Query hook 或 mutation 的组件测试,或把现有测试从 vi.mock('@/data/...') 迁移走时使用。涵盖 customRender + addAPIMock 模板,以及耗费大量调试时间的 jsdom/MSW 陷阱。
io.github.activepieces/activepieces/review-logging-patterns
审查代码中的日志模式并建议采用 evlog。指导在 Nuxt、Next.js、SvelteKit、Nitro、TanStack Start、React Router、NestJS、Express、Hono、Fastify、Elysia、oRPC、Cloudflare Workers 及独立 TypeScript 上的配置。检测 console.log 刷屏、无结构错误与缺失上下文。覆盖宽事件、结构化错误、drain 适配器(Axiom、OTLP、HyperDX、PostHog、Sentry、Better Stack、Datadog)、采样、enricher 与 AI SDK 集成(token 用量、工具调用、流式指标、遥测集成、成本估算、嵌入元数据)。
io.github.rmyndharis/antigravity-skills/mobile-developer
以现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。在移动功能、跨平台代码或应用优化方面主动使用。
io.github.sickn33/antigravity-awesome-skills/codebase-to-wordpress-converter
把任意代码库(React/HTML/Next.js)转换为像素级还原、SEO 友好且动态化的 WordPress 主题的专家技能。
io.github.affaan-m/ECC/documentation-lookup
通过 Context7 MCP 获取最新的库与框架文档,而不是依赖训练数据。当出现安装配置类问题、API 参考、代码示例,或用户点名某个框架(如 React、Next.js、Prisma)时触发。
io.github.affaan-m/ECC/motion-ui
面向 React/Next.js 的生产级 UI 动效体系。当实现动画、过渡与动效模式时使用。
io.github.alirezarezvani/claude-skills/code-to-prd
将任意代码库逆向工程为完整的产品需求文档(PRD)。分析路由、组件、状态管理、API 集成与用户交互,产出业务可读、详尽到足以让工程师或 AI agent 完整重建每个页面与端点的文档。支持前端框架(React、Vue、Angular、Svelte、Next.js、Nuxt)、后端框架(NestJS、Django、Express、FastAPI)与全栈应用。当用户提及生成 PRD、逆向需求、代码转文档、从代码提取产品规格、记录页面逻辑、分析页面字段与交互、生成功能清单、基于现有代码库撰写需求、记录 API 端点或分析后端路由时使用。
io.github.first-fluke/fullstack-starter/oma-mobile
移动专家,覆盖 Flutter、React Native 与 Swift 原生 iOS 开发。用于移动应用、Flutter、Dart、React Native、Swift、SwiftUI、iOS、Android、Riverpod、swift-openapi-generator 与组件相关工作。