“Frontend Development” 共 540 个结果
io.github.Arize-ai/phoenix/phoenix-frontend
Phoenix AI 可观测性平台的前端开发准则。在 app/ 目录编写、审查或修改 React 组件、TypeScript 代码、样式或 UI 功能时使用。任何前端任务都会触发——新组件、UI 变更、样式、无障碍修复、表单处理或组件重构。用户询问本项目前端约定或组件模式时也使用。设计系统规则（错误展示、布局、对话框、令牌）请改用 phoenix-design 技能。
io.github.MODSetter/SurfSense/frontend-design
打造独具特色、生产级品质的 UI。在创建或重塑面向用户的界面、组件、页面、布局、视觉重设计、响应式行为、加载/错误/空状态，或涉及无障碍的前端工作时使用。
io.github.XiaomiMiMo/MiMo-Code/frontend-design
构建新 UI 或重塑既有 UI 时提供独特而有意图的视觉设计指引。只要任务产出或修改用户会看到的渲染内容——网站、落地页、Web 应用、仪表盘、React/HTML/Vue 组件、带视觉输出的 artifact、风格 overhaul，或“让它更好看”的请求——即使用户从没说“设计”二字也应使用。涵盖美学方向、字体排印、环境约束（字体、Tailwind、素材），以及何时应归于惯例而非追求独特。
io.github.langflow-ai/langflow/frontend-i18n
使用 i18n 体系（i18next / react-i18next）添加、修改或审查 Langflow 前端的用户可见文案。当变更涉及新增或编辑 UI 字符串——标签、按钮、tooltip、模态框、toast、错误提示、空状态——或审查包含用户可见文案的 diff 时使用。所有用户可见字符串必须走翻译体系，且每个新 key 必须存在于全部 locale 文件中。不适用于后端字符串、日志消息或代码标识符。
io.github.nekomangaorg/Neko/maestro
负责宏观层面的 UI 架构、复杂 Jetpack Compose 结构与跨页面流转。用于实现自适应布局（WindowSizeClass）、迁移到类型安全的 Navigation Compose 路由图、设计跨模块 Design System、串联复杂的页面级状态（MVI/MVVM），以及编排 deep link 与多屏流程。
io.github.sickn33/antigravity-awesome-skills/frontend-slides-frontend-slides
从零创建或由 PowerPoint 文件转换，生成令人惊叹、动效丰富的 HTML 演示文稿。当用户想制作演示、把 PPT/PPTX 转为网页、为演讲/路演生成幻灯片时使用。
io.github.sickn33/antigravity-awesome-skills/frontend-ui-engineering
构建生产级 UI。在创建或修改用户界面、构建组件、实现布局、管理状态时使用，或当产出需要真正达到生产质量而非 AI 生成感时使用。
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.vudovn/ag-kit/frontend-architecture
如何组织前端代码——关注点分离（UI / 逻辑 / 数据 / 类型）、文件职责、状态分层、API 服务、Schema 验证，以及 React/Next 和 Vue 的框架规范。提供结构规则，非视觉设计。
io.github.sickn33/antigravity-awesome-skills/frontend-lighthouse
为生产前端构建添加可移植的 Lighthouse CI 门禁，包含 Core Web Vitals 预算、各分类下限、中位数运行与 CI 产物。
io.github.JMBeresford/retrom/docker-development
处理任何 Docker 任务时使用：编写 Dockerfile、配置 docker-compose/compose.yml、多阶段构建、docker-bake.hcl、容器安全审计、.dockerignore 优化或 CI/CD 容器测试。触发词：Dockerfile、docker-compose、container、image build、multi-stage、docker bake、compose
io.github.camunda/camunda/frontend-feature
在 orchestration cluster webapp（webapp/client/apps/orchestration-cluster-webapp/）中构建或修改页面、组件、模块、路由、数据加载、表单、API 集成或 UI 功能时使用——包括新增一列、一个筛选器或一个面板这类小改动。
io.github.camunda/camunda/frontend-integration-test
在 orchestration cluster webapp 中编写、修改或调试 Playwright 测试时使用——集成测试、视觉回归或无障碍测试；涉及 MSW mock、Page Object Model 或 axe-core。测试目录：webapp/client/apps/orchestration-cluster-webapp/test/。
io.github.camunda/camunda/frontend-unit-test
在 orchestration cluster webapp（webapp/client/apps/orchestration-cluster-webapp/src/）中编写、修改或调试单元测试（*.test.tsx）时使用。涵盖 Vitest 浏览器模式、MSW mock 与 vitest-browser-react 渲染。
io.github.camunda/camunda/frontend-migrator
在把 operate/client/ 或 tasklist/client/ 的前端代码迁移、移植或重写到 orchestration cluster webapp 时使用。触发场景：迁移旧页面/组件、把 React Router 转成 TanStack Router、用 TanStack Query 替换 MobX、把 styled-components 改写为 SCSS、把旧测试转成 Vitest 浏览器模式，或询问旧模式如何映射到新应用。
skillsmp.zarazhangrui-frontend-slides-skill-md
从零创建或转换 PowerPoint 文件，产出美观、动效丰富的 HTML 演示。当用户想做一份演示、把 PPT/PPTX 转成网页，或为演讲与路演制作幻灯片时使用；通过视觉探索而非抽象选项，帮助非设计背景的人找到自己的审美风格。
io.github.majiayu000/claude-skill-registry/nextjs-api-development
基于 Next.js 15 App Router 的 REST API 开发。双认证（API Key + Session）、动态实体、元数据系统。在创建端点、校验 API 或理解 API 模式时使用此技能。
io.github.rommapp/romm/backend-development
开发 RomM Python 后端（backend/）——基于 FastAPI，配合 SQLAlchemy 2.0、Alembic、RQ/Redis 与 Socket.IO。在添加或修改 API 端点、handler、ORM 模型、响应 schema、元数据 provider 适配器、后台任务、数据库迁移或后端测试时使用。涵盖分层架构、约定、认证/scopes、OpenAPI→前端类型流水线，以及 uv/pytest/alembic/trunk 工作流。任何对 backend/ 下的工作都会触发。
io.github.rommapp/romm/frontend-v2-theming
RomM v2 前端的主题、设计令牌、色彩与视觉语言。在为 v2 组件写样式、挑选颜色、添加/使用 CSS 变量、处理明暗主题，或想用 hex/rgba 字面量时使用。涵盖令牌流水线（src/v2/tokens/index.ts → build:tokens → tokens.css）、.r-v2 作用域类、零 hex 字面量策略与共享状态语义。对 frontend/src/v2/ 下任何颜色/主题/令牌工作触发。
io.github.rommapp/romm/frontend-v2-patterns
RomM v2 前端的横切功能模式——错误/snackbar 处理、加载与骨架状态、实时 Socket.IO 更新、UI 状态持久化（URL vs localStorage vs 临时）、分页/无限滚动、表单与校验、权限（useCan），以及破坏性操作确认。在为 v2 功能接行为（不只是写标签）时使用。在 frontend/src/v2/ 下实现数据流、对话框、表单、开关或权限门控时触发。
