搜索「Frontend Development」的结果

io.github.code-yeongyu/oh-my-openagent/frontend

构建、 styling 与打磨 Web UI/UX。适用于任何前端、页面、组件、样式、布局、动画或视觉质量任务，或当被要求让界面呈现特定观感与手感时。

io.github.code-yeongyu/oh-my-openagent/frontend

构建、样式化并打磨 Web UI/UX。适用于任何前端、页面、组件、样式、布局、动画或视觉质量任务，或当被要求让界面呈现特定观感与手感时。

io.github.code-yeongyu/oh-my-openagent/frontend

用于前端/Web UI/UX/视觉相关工作时务必使用：构建、样式、重设计页面或组件、React 配置、性能审计、视觉 QA、品味与打磨。会路由到四套规则集：设计品味 router 与品牌参考、面向 Playwright/Chromium 的 Lighthouse/Core Web Vitals 完美规则、ui-ux-db 调色板/字体/规范、designpowers 人设/可访问性/评审/交付；外加仅用 curl 的 lazyweb 真实应用界面研究与 beui.dev 交互目录。触发词：frontend、UI、UX、design、redesign、styling、layout、animation、motion、interaction、micro-interaction、make it feel alive、premium、luxury、minimal、brutalist、Awwwards、DESIGN.md、mockup、React、Lighthouse、accessibility、WCAG、Core Web Vitals、looks generic、make it pretty、like X brand、lazyweb、design research。

io.github.code-yeongyu/lazycodex/frontend

前端/Web UI/UX/视觉类工作必须使用：构建、样式设计、页面或组件重设计、React 环境搭建、性能审计、视觉 QA、品味与打磨。内含四套规则：design taste 路由器与品牌参考；perfection（Playwright/Chromium、Lighthouse、Core Web Vitals）；ui-ux-db 配色/字体/规范；designpowers 用户画像/无障碍/评审/交付；以及仅用 curl 的 lazyweb 真实应用截屏研究，用于确定设计方向。触发词：frontend、UI、UX、design、redesign、styling、layout、animation、motion、premium、luxury、minimal、brutalist、Awwwards、DESIGN.md、mockup、React、Lighthouse、accessibility、WCAG、Core Web Vitals、looks generic、make it pretty、like X brand、lazyweb、design research。

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.Snailclimb/interview-guide/frontend

用于前端工程面试出题；覆盖 JavaScript、React/Vue、浏览器原理和性能优化，强调业务实战与工程化能力。

io.github.atopile/atopile/frontend

atopile 扩展 webview 的前端标准：架构、契约、设计系统与测试工作流。

io.github.affaan-m/ECC/frontend-a11y

React 与 Next.js 的无障碍访问模式——语义化 HTML、ARIA 属性、表单标注、键盘导航、焦点管理与读屏软件支持。当构建任何交互式 UI 组件或表单时使用。

io.github.QwikDev/qwik/qwik-core-development

用于修改或审阅 packages/qwik 下的 Qwik 核心包代码，尤其是响应式原语、信号、VNode、cursor 行为、QRL，以及面向 optimizer 的运行时行为，或 Qwik 核心测试。

io.github.OpenHands/OpenHands/frontend-development

This skill should be used when the user asks to "add UI copy", "add a translation", "optimize the frontend bundle", "change onboarding", "change conversation UI", "add a query key", "change MSW mocks", or modifies React components, hooks, routes, i18n, lazy loading, persisted UI state, or shared frontend behavior.

io.github.OpenHands/OpenHands/frontend-api-contracts

This skill should be used when the user asks to "add an API call", "change a backend", "update settings persistence", "change conversation events", "fix backend auth", "add Agent Server support", or changes src/api, backend registry, Cloud/runtime transport, settings, secrets, compatibility, or conversation resume behavior.

io.github.deepseek-ai/deepseek-harness/cordis-plugin-development

Use when adding, enabling, disabling, installing, configuring, or debugging a plugin, bundle, feature, page, panel, tool, or MCP connection in the current Harness profile, including a shipped plugin that is disabled by default, and for any visual object, decoration, or widget request that names no other destination, which means an installed UI plugin rendered in the Harness Web UI.

io.github.grafana/grafana/frontend-testing-strategy

按本仓库约定为 Grafana 前端代码（React/TypeScript，任意包或功能域）编写单元与 E2E 测试。新增、补齐或审查前端测试时使用；测试仅断言“渲染成功/已定义”、AI 生成测试质量存疑、或前端测试不稳定时同样适用。涉及可视化面板与 grafana-ui 可视化组件时，另需加载 panel-testing-strategy skill。

io.github.affaan-m/ECC/frontend-slides

从零开始或转换 PowerPoint 文件，做出视觉效果出色、动效丰富的 HTML 演示文稿。当用户想制作演示文稿、把 PPT/PPTX 转为网页，或为演讲、路演准备幻灯片时使用。帮助非设计背景的用户通过视觉探索找到自己的审美，而不是停留在抽象选择上。

io.github.sickn33/agentic-awesome-skills/frontend-ui-dark-ts

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

io.github.langgenius/dify/frontend-code-review

仅在用户明确要求审查 web/ 或 packages/dify-ui/ 下的前端代码时使用。支持待提交变更、按文件和粘贴 diff 三种审查模式。不适用于仅实现代码的请求、无审查意图的诊断、或纯后端代码。

io.github.obra/superpowers/test-driven-development

在实现任何功能或修复 bug、编写实现代码之前使用。

io.github.affaan-m/ECC/frontend-slides

从零开始或转换 PowerPoint 文件，做出视觉效果出色、动效丰富的 HTML 演示文稿。当用户想制作演示文稿、把 PPT/PPTX 转为网页，或为演讲、路演准备幻灯片时使用。帮助非设计背景的用户通过视觉探索找到自己的审美，而不是停留在抽象选择上。

io.github.affaan-m/ECC/frontend-patterns

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。当构建或审阅 React、Next.js 的组件、状态或渲染性能时使用。

io.github.deepseek-ai/deepseek-harness/cordis-plugin-development

Use when authoring, installing, configuring, or debugging persistent plugins and MCP connections in the current Harness profile.

io.github.discourse/discourse/discourse-frontend-conventions

Discourse 前端代码（JavaScript 与 TypeScript，.js/.gjs/.ts/.gts）中 linter 不强制的核心、插件与主题约定。在编写、审查或准备提交类代码或模板时使用。涵盖私有符号模式（#、无前缀、下划线）、超出 lint 分桶范围的类成员排序、带注释字段前的空行、禁用横幅注释、模板内安全注释、调用处 attribute/argument/modifier 排序，以及注释必要性判断标准。

io.github.addyosmani/agent-skills/test-driven-development

以红-绿-重构循环用测试驱动开发。在实现任何逻辑、修复任何 bug 或改变任何行为时使用；在需要证明代码可用、收到 bug 报告或即将修改现有功能时使用。

io.github.addyosmani/agent-skills/doubt-driven-development

让每个非平凡决策在生效前接受全新上下文的对抗性审查。在你想在推进前交叉质询每个假设、对计划做隐性失败模式压力测试、正确性比速度更重要、在不熟悉的代码中工作、风险高企（生产认证、安全敏感逻辑、高风险迁移、不可逆操作），或任何「现在就验证比日后再调试更划算」的时刻使用。

io.github.lobehub/lobehub/debug-frontend-with-browser

用于间歇性 UI、状态陈旧、顺序、导航或仅浏览器可复现的 bug。扩展验收流程，加入边界追踪与回归诊断。