---
title: "nebflow-frontend-dev"
description: "Nebflow 客户端前端开发域知识包, 节点获得 web/ 无构建 vanilla JS 实现规范、用户视觉硬裁定执行与 UI/UX 范式案例库匹配能力。适用于改 web/ 前端页面与组件、写 JS/CSS/HTML、调弹窗与交互样式、落地毛玻璃视觉风格等任务。内含 skills：nebflow-frontend（web/ 结构/Sapphire Glass 设计系统/截图驱动验证流/响应式三档）、visual-style（用户裁定硬"
canonical: https://agentpluginsdirectory.com/plugins/nebflow-frontend-dev
last-updated: 2026-09-13
---

# nebflow-frontend-dev
Nebflow 客户端前端开发域知识包, 节点获得 web/ 无构建 vanilla JS 实现规范、用户视觉硬裁定执行与 UI/UX 范式案例库匹配能力。适用于改 web/ 前端页面与组件、写 JS/CSS/HTML、调弹窗与交互样式、落地毛玻璃视觉风格等任务。内含 skills：nebflow-frontend（web/ 结构/Sapphire Glass 设计系统/截图驱动验证流/响应式三档）、visual-style（用户裁定硬规则：毛玻璃/玻璃质感/中度字重，最高优先级）、design-system（功能类型→成熟范式→Nebflow 适配规则案例库）。自验方法论另配 nebflow-qa 插件。组件面：无 mcp.json、无工具扩展。
- Slug: nebflow-frontend-dev
- Publisher: Nebflow
- Repository: https://github.com/MashiroKai/Nebflow
- Manifest: src/main/resources/seed/plugins/nebflow-frontend-dev/plugin.json
- Version: 1.0.1
- Category (editorial): other
- Skills: 3 (design-system, nebflow-frontend, visual-style)
- MCP servers: 0
- Stars: 1
- Repository created: 2026-05-14
- Repository last pushed: 2026-09-12
- Publisher type: User
- Listing: https://agentpluginsdirectory.com/plugins/nebflow-frontend-dev
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## Skills

- design-system: Nebflow UI/UX 软参考案例库, 功能类型 → 成熟范式（微信/Spotlight/HIG 等）→ Nebflow 适配规则 → 可断言点 → 踩坑记录。Use when 设计或评审 Nebflow 前端新 UI/交互（弹窗、搜索、列表、面板、动效等）前检索同类功能范式，或沉淀 [DESIGN-LESSON] 教训时追加案例。
- nebflow-frontend: Nebflow 客户端前端开发域知识, web/ 无构建 vanilla JS 结构、Sapphire Glass 设计系统（CSS 变量/玻璃组件/双主题）、设计原则（层级/间距/字重/一致性/打磨）、硬约束（无 emoji/无 accent bars）、截图驱动验证流与响应式三档。Use when 修改 src/main/resources/web/ 下的 JS/CSS/HTML。
- visual-style: Nebflow 客户端 UI 视觉裁定, 弹窗禁 overlay 遮罩但面板必须毛玻璃、可交互控件统一玻璃质感、中度字重、克制的专业感。Use when 修改 Nebflow 前端（src/main/resources/web/）的弹窗、按钮、气泡、侧边栏样式，或新增任何 UI 组件。

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.