搜索「Frontend Development」的结果

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/ 下实现数据流、对话框、表单、开关或权限门控时触发。

io.github.rommapp/romm/frontend-v2-components

在 RomM v2 前端（frontend/src/v2/）构建或修改组件。在创建/编辑 v2 原语（src/v2/lib/ 的 R* 组件）、共享 composite 或业务 composite 时使用——涵盖三层模型、文件/目录约定、SFC 结构、导入顺序、barrel、Storybook 要求与 v2 反模式。任何对 frontend/src/v2/ 下的工作都会触发。

io.github.rommapp/romm/frontend-v2-input

RomM v2 前端的通用输入（鼠标、触摸、键盘、手柄）与响应式/通用视口布局。在添加交互式 v2 组件、焦点管理、空间导航、手柄/键盘处理、按模态门控的焦点环、断点或响应式布局时使用。涵盖 useInput、焦点几何原语、overlay scope stack、useBreakpoint 与 data-bp/data-input 属性。对 frontend/src/v2/ 下的交互或响应式工作触发。

io.github.sickn33/antigravity-awesome-skills/senior-frontend

面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。在构建 React 组件、优化 Next.js 性能、分析 bundle 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。

io.github.nekomangaorg/Neko/artisan

通过微交互改进、动画、无障碍（a11y）修复和 UI 结构打磨来提升 Jetpack Compose 界面。用于把硬编码样式抽取到 AppTheme、补充 TalkBack semantics、实现 AnimatedVisibility 或微动画、抽取无状态 Composable，以及添加 @Preview 注解。

io.github.borghei/Claude-Skills/docker-development

当用户要求“分析 Dockerfile”“优化 Docker 层”“校验 docker-compose”“检查容器最佳实践”或“审计 Docker 配置”时使用此技能。

io.github.fossasia/visdom/frontend-pane-lifecycle

在 React 前端构建与调试 pane 生命周期行为。在添加 pane 操作、布局行为、渲染更新或 pane 级交互时使用。

io.github.shareAI-lab/Kode-CLI/frontend-design

打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。

io.github.taichuy/1flowbase/backend-development

用于 1flowbase 在 api/ 下的后端实现：构建、修复、重构或评审 Rust/Axum API、路由、服务、仓储、存储适配器、迁移、领域模型、状态流转、写路径、模块边界、权限、HostExtension/RuntimeExtension 边界或核心业务逻辑。在完成 problem-framing 对齐非平凡需求后使用，或当用户明确要求直接实现时使用；不用于独立的需求对齐、测试设计或 QA 报告。

io.github.Dokploy/dokploy/frontend-design

创建有辨识度、可上线、设计质量高的前端界面。当用户要求构建 Web 组件、页面或应用时使用。生成有创意、精致的代码，避免千篇一律的 AI 审美。

io.github.gradio-app/gradio/frontend-unit-testing

使用 Vitest 浏览器模式、Playwright 与 @self/tootils 测试工具，为 Gradio 前端的 Svelte 组件编写全面的、行为驱动的单元测试。

io.github.affaan-m/ECC/frontend-design-direction

为生产级 UI 工作确定一套 ECC 专属的前端设计方向。当构建或改进网站、仪表盘、应用、组件、落地页、可视化工具，或任何需要更强产品化设计判断的 Web UI 时使用。

io.github.langfuse/langfuse/frontend-browser-review

Langfuse 用户可见前端变更的浏览器审查共享流程。当改动影响 UI 行为、布局、样式、导航或可能造成浏览器中可见的回归，需要在签署前用 Playwright MCP server 检查时使用。