nebflow-frontend-dev

Links

• github.com/MashiroKai/Nebflow
• src/main/resources/seed/plugins/nebflow-frontend-dev/plugin.json (manifest)

Skills · 3

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.

Category

Other. Assigned by this directory. Agent Plugins 1.0.0 has no category field, so no manifest declares one.

Related by publisher and keywords

• backend-devMashiroKai

  Nebflow Scala 后端开发域知识包, 节点获得技术栈与分层铁律、编码规范、sbt 实践、prompt cache 命中率优化与工具系统设计纪律。适用于写或改 Scala 后端代码、调 API 与 flow engine、优化 prompt cache、设计修改工具（权限与 Schema）、排查编译测试问题等任务。内含 skills：nebflow-backend（Scala 3/自研 actor/http4s/cats-effect、Actor/IO 分层、最小改动/向后兼容、worktree 纪律）、nebflow-cache（cache 指标/数据源/排查方法/共享前缀维护纪律）、nebflow-tool-dev（工具管线/权限模型/六条设计原则/新建工具流程）。验证域另配 nebflow-qa 插件。组件面：无 mcp.json、无工具扩展。

• browser-useMashiroKai

  网页交互、持久登录会话与论文下载包, 节点获得用真实有头浏览器（本机 Chrome+持久用户配置文件）登录网站、人工配合过验证码、识别反爬拦截、拟人化操作、按 DOI/URL 列表逐篇下载论文并校验 PDF、点击填表截图取证与 GUI 黑盒验收的能力。适用于：需登录态/SSO 的平台（校园网订阅）、验证码/2FA 人工配合、批量论文 PDF 下载、反爬拦截如实识别、网页交互测试、截图取证、UI 验收。内含 skills：browser-session（持久会话与人在环登录）、paper-download（论文下载工作流：串行下载、PDF 定位校验、逐篇状态）、control-browser（浏览器交互纪律）、web-gui-tester（GUI 黑盒验收）。不适用于纯关键词检索与只读取正文（另配 web-search-toolkit）。组件面：无 mcp.json、无工具扩展。

• computer-useMashiroKai

  桌面观测与操控包: 节点获得在 macOS 本机观测桌面（应用/窗口/屏幕截图/剪贴板）与操控桌面应用（打开激活、按键、点击）的可用路径、权限引导与无害化纪律。适用于桌面自动化、操控鼠标键盘、点击与输入、程序化按键、屏幕截图、窗口与界面元素读取、剪贴板读写、本机 app 自动化、GUI 验收等任务。内含 skill：computer-use（观测, 动作, 复核主循环、观测路径与命令、权限引导卡、分级与 fail-closed 收口）。不适用于浏览器页面操作（由独立的浏览器操控插件面承担）；宿主进程与宿主应用窗口永不可入观测面；出图与汇报另配 visual-report。组件面：宿主执行器未就绪（见 references/host-dependencies.md），无 mcp.json、无工具扩展。

• design-cardsMashiroKai

  卡片与社交图设计制作包, 节点获得 HTML 卡片视觉规范执行（颜色/字体/圆角/SVG 嵌入/暗色模式）与社交媒体图集生成能力。适用于做 HTML 卡片、做小红书图文、做公众号封面、社交图配图、卡片视觉规范落地等任务。内含 skills：card-design（Card/Pop 工具 HTML 输出视觉规范）、guizang-social-card-skill（小红书图文/公众号封面图集：杂志风与瑞士国际主义排版，含 references 版式库与校验脚本）。设计规格书另配 design-spec 插件、图表可视化另配 visual-report 插件。组件面：无 mcp.json、无工具扩展。

• design-languageMashiroKai

  Stand 统一设计语言包, 节点获得以 mystand.space 官网真实 design tokens 为基准的完整视觉规范与固定尺寸组件原型（tokens.css + components.css），任何 UI 面按档取值一次成型不跑偏。适用于开发或整改 web/ 前端页面、面板、弹窗、卡片、按钮、输入框、列表、动效、界面文案等任务；按 token 用途表取值，按组件尺寸档（sm/md/lg）取形。内含 skill：design-language（设计语言规范：配色/字体阶梯/圆角阴影/间距栅格/动画/组件原型/文案 tone，逐 token 给值+用途+反例）。不适用于后端接口与 Scala 服务端；只设计不实现的规格书流程另配 design-spec。组件面：无 mcp.json、无工具扩展。

• design-specMashiroKai

  设计规格书方法包, 节点获得按 §0-9 模板撰写 UI/UX 设计规格书、四道防线自查与视觉评审（只设计不实现）的纪律。适用于写设计规格书、UI/UX 设计、视觉评审、设计走查、视觉规范制定等任务。内含 skill：design-spec（角色边界/四道防线/规格书模板 §0-9/检索源清单/硬约束）。视觉铁律与范式案例库另配 nebflow-frontend-dev 插件、HTML 卡片规范见 Plugin Catalog 的 design-cards 插件；不适用于直接写前端实现代码。组件面：无 mcp.json、无工具扩展。