frontend-design(前端界面设计)
io.github.BuilderIO/agent-native/frontend-design
打造独特、生产级、高设计质量的前端界面。在构建 Web 组件、页面、产物、海报或应用(网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用。生成富有创意的精致 UI,避免千篇一律的 AI 审美。
“React” 共 425 个结果
io.github.BuilderIO/agent-native/frontend-design
打造独特、生产级、高设计质量的前端界面。在构建 Web 组件、页面、产物、海报或应用(网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用。生成富有创意的精致 UI,避免千篇一律的 AI 审美。
io.github.aiskillstore/marketplace/mobile-debugging
调试 React Native 应用,包括 metro bundler 问题、原生错误、性能问题与崩溃分析。在排查错误或调查问题时使用。
io.github.lightdash/lightdash/frontend-style-guide
在编写 React 组件、从 Mantine v6 迁移到 v8 或编写样式代码时应用 Lightdash 前端样式指南。在编辑 TSX 文件、修复样式问题,或用户提到 Mantine、样式、CSS modules 时使用。
io.github.Arize-ai/phoenix/phoenix-frontend
Phoenix AI 可观测性平台的前端开发准则。在 app/ 目录编写、审查或修改 React 组件、TypeScript 代码、样式或 UI 功能时使用。任何前端任务都会触发——新组件、UI 变更、样式、无障碍修复、表单处理或组件重构。用户询问本项目前端约定或组件模式时也使用。设计系统规则(错误展示、布局、对话框、令牌)请改用 phoenix-design 技能。
io.github.aiskillstore/marketplace/mobile-testing
使用 Jest 与 React Native Testing Library 为 React Native 应用编写并运行测试。在创建测试、调试失败用例或搭建测试基础设施时使用。
io.github.XiaomiMiMo/MiMo-Code/frontend-design
构建新 UI 或重塑既有 UI 时提供独特而有意图的视觉设计指引。只要任务产出或修改用户会看到的渲染内容——网站、落地页、Web 应用、仪表盘、React/HTML/Vue 组件、带视觉输出的 artifact、风格 overhaul,或“让它更好看”的请求——即使用户从没说“设计”二字也应使用。涵盖美学方向、字体排印、环境约束(字体、Tailwind、素材),以及何时应归于惯例而非追求独特。
io.github.shadcn-ui/ui/migrate-radix-to-base
把 React 工程及组件从 Radix UI 迁移到 Base UI。当被要求从 radix 迁移、转用 base-ui、转换 radix 原语,或替换 shadcn 项目的底层组件库时使用。既支持单组件(“migrate accordion”)也支持整项目迁移。
vdevelop
io.github.Asymmetric-al/core/nextjs
使用 App Router、Server Components/Actions、Cache Components("use cache")与异步路由参数构建 Next.js 16 应用,包含 proxy.ts 与 React 19.2,防止 25 项已知错误。 使用场景:构建 Next.js 16 项目,或排查异步 params(Promise 类型)、"use cache" 指令、并行路由 404、Turbopack 问题、i18n 缓存与导航节流。
io.github.sickn33/antigravity-awesome-skills/styleseed-design-review
审查 UI/前端代码,准确告诉你它为什么“看起来像 AI 生成”——以及如何修复。当 React/Tailwind/HTML 界面看起来怪异、平庸或未完善,或你想在发布前获得设计评分、让 UI 更专业精致时使用。
io.github.sickn33/antigravity-awesome-skills/frontend-seo
面向任意 React 或 React Native for Web 前端的可移植、框架无关 SEO 体系。
io.github.sickn33/antigravity-awesome-skills/frontend-optimistic-mutations
针对使用查询/缓存层的 React 或 React Native 应用写路径的可移植、框架无关规范。固化乐观更新的完整生命周期(取消进行中的查询 → 快照所有受影响缓存 → 立即打补丁 → 出错时原样回滚 → 完成后失效刷新……)
io.github.sickn33/antigravity-awesome-skills/frontend-observability
面向任意 React 或 React Native 应用的可移植、框架无关的现场可观测体系。
io.github.sickn33/antigravity-awesome-skills/frontend-data-contracts
面向任意 React 或 React Native 应用网络边缘类型安全的可移植、框架无关规范。
io.github.sickn33/antigravity-awesome-skills/frontend-architecture
适用于任意 React 或 React Native 前端的可移植、框架无关的架构风格。将应用组织为功能模块(页面/屏幕目录),严格区分服务端状态与 UI 状态,跨模块仅通过 barrel 导入,样式与组件同置,并制定清晰的组件晋升规则。
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。