무료GitHub에 공개

pm-toolkit

自然语言 → Mermaid 图表（16 种）+ 网页原型，本地 Web 面板实时预览/导出。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

northseadl/norix-skills

설치 방법 보기

포함된 파일(8)

SKILL.md3.5 KB
agents/openai.yaml204 B
references/mermaid-syntax.md8.2 KB
references/prototype-style.md3.2 KB
scripts/panel.html27.6 KB
scripts/proto_serve.py4.4 KB
scripts/prototype.html15.8 KB
scripts/serve.py4.5 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

PM Toolkit — Mermaid 图表引擎

将用户的自然语言描述转换为 Mermaid 语法图表，通过本地 Web 面板实时渲染预览。

架构

渲染: Mermaid.js v11（CDN 加载，浏览器端纯 JS 渲染，~30ms）
服务器: Python 标准库 HTTP 服务（scripts/serve.py，零外部依赖）
面板: 自包含 HTML（scripts/panel.html，刷新/编辑/保存/导出/主题切换）

工作流

1. 确定图表类型

用户意图	Mermaid 关键字
业务流程、审批流	`flowchart LR/TB`
API 调用、系统交互	`sequenceDiagram`
数据库设计	`erDiagram`
类关系、继承	`classDiagram`
状态转换	`stateDiagram-v2`
项目计划	`gantt`
占比分布	`pie`
层级关系	`mindmap`
里程碑	`timeline`
分支管理	`gitGraph`
用户体验、满意度评估	`journey`
需求优先级、竞品定位	`quadrantChart`
趋势分析、数据对比	`xychart-beta`
用户漏斗、流量分布	`sankey-beta`
系统模块划分、信息架构	`block-beta`
系统架构概览、技术评审	`C4Context` / `C4Container`

2. 生成 Mermaid 代码

生成前读取 references/mermaid-syntax.md 获取语法速查。

将代码写入 .mmd 文件：

命名: <描述性名称>.mmd（如 user-registration-flow.mmd）
位置: 当前项目根目录下 .pm-toolkit/ 目录
风格: 中文标签 + 英文 ID，用 subgraph 组织层次，为连接添加标签

3. 启动预览

python3 <SKILLS_DIR>/pm-toolkit/scripts/serve.py --file <文件路径.mmd>
open http://localhost:9876

面板操作：

⟳ 刷新 — 重新读取文件内容并渲染
✎ 编辑 — 打开内联编辑器，修改后点"保存"写回文件
↓ SVG / ↓ PNG — 导出当前图表
复制源码 — 复制 Mermaid 代码
◐ — 深色/浅色主题切换

4. 迭代

用户提出修改时，直接编辑 .mmd 文件，在面板点"刷新"查看。

错误处理

场景	处理
Mermaid 语法错误	面板显示错误详情
CDN 加载失败	检查网络连接
端口占用	`--port 9877` 指定其他端口

原型工具 (Prototype Preview)

Agent 生成完整 HTML 页面，通过设备框架预览。工具只是容器。

工作流

1. 生成 HTML 页面

生成前读取 references/prototype-style.md 获取设计规范。

将页面写入 HTML 文件：

位置: 当前项目根目录下 .pm-toolkit/prototype/
命名: <描述性名称>.html（如 login.html、user-profile.html）
内容: 完整 HTML 文档，独立 CSS 样式，无外部依赖（字体除外）
viewport: <meta name="viewport" content="width=375"> (mobile) 或 width=768 (pad) 或不设 (pc)

2. 启动预览

python3 <SKILLS_DIR>/pm-toolkit/scripts/proto_serve.py --dir <项目路径/.pm-toolkit/prototype/>
open http://localhost:9877

面板操作：

← → — 翻页浏览（键盘左右箭头也可）
Refresh — 重新加载文件
PC / Pad / Mobile — 切换设备框架
Export ZIP — 打包导出所有 HTML
◐ — 深色/浅色主题切换

3. 迭代

用户提出修改时，Agent 直接编辑 HTML 文件，面板点 Refresh 查看。

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

같은 저장소의 스킬

adb-mysql

무료

阿里云 AnalyticDB (ADB) for MySQL 只读数据分析。多维分析（计数/聚合/时间序列）、交叉验证、Schema 文档生成、多 Profile。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

northseadl/norix-skills62026년 4월 10일 업데이트

Multi-agent brainstorming: async opinion collision with expert personas. Mixed Codex/Claude Code engine. Use when multiple AI agents need to collaboratively discuss, debate, and converge on solutions through structured dialog. Triggers: brainstorm, multi-perspective discussion, opinion collision, expert debate, war room, collective intelligence, 头脑风暴, 多视角讨论, 集思广益.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

northseadl/norix-skills62026년 4월 10일 업데이트

agent-front-design

무료

Frontend design blueprints with craftsmanship scoring, self-critique loops, and engineering handoff. Aesthetic intelligence against AI homogeneity. Use for: UI/UX design specs, design system creation, visual direction exploration, component design review, design-to-engineering handoff.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

northseadl/norix-skills62026년 4월 10일 업데이트

agent-swe-team

무료

Multi-agent SWE team built on the Workshop model. Full-stack vertical workers, meeting room with @mention notification, private pipes, shared task board. Git worktree isolation, Leader-driven coordination. Mixed Codex/Claude Code engine. Use when a task needs engineering depth beyond a single agent. NOT for simple task parallelism (use agent-task-orchestration) or design discussions (use agent-brainstorm).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

northseadl/norix-skills62026년 4월 10일 업데이트

agent-task-orchestration

무료

Task decomposition and multi-agent orchestration with retry, checkpoint recovery, and real-time monitoring. Mixed Codex/Claude Code engine. Parallel/sequential execution.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

northseadl/norix-skills62026년 4월 10일 업데이트

cnb-cool-integration

무료

针对 cnb.cool 的云原生构建（CNB Build）：生成/修改 .cnb.yml 流水线、触发规则、构建环境、runner 资源、缓存、环境变量、手动触发与调试。在接入、迁移、优化或排查 CNB 构建配置时使用。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

northseadl/norix-skills62026년 4월 10일 업데이트

northseadl의 스킬 모두 보기

이 스킬의 문제 신고

설치

명령으로 설치

npx skills add https://github.com/northseadl/norix-skills --skill pm-toolkit

터미널에 붙여 넣고 실행합니다(Node.js 필요). Claude Code, Codex 등 설치할 에이전트를 고를 수 있습니다.

에이전트에게 부탁하기

다음 Agent Skill을 설치해 주세요.
https://github.com/northseadl/norix-skills/tree/main/pm-toolkit

먼저 SKILL.md와 첨부 파일의 내용을 확인해 수상한 처리(외부 전송, 인증 정보 읽기 등)가 없는지 확인한 뒤 Claude Code는 ~/.claude/skills/pm-toolkit/, Codex는 ~/.agents/skills/pm-toolkit/ 에 배치해 주세요.

이 문장을 그대로 Claude Code나 Codex에 보내면 내용을 확인한 뒤 설치해 줍니다.

GitHub에서 소스 보기

저장소: northseadl/norix-skills
스타: 6
포크: 1
카테고리: 기타
원문 언어: 중국어
최종 업데이트: 2026년 4월 10일

스킬은 에이전트를 위한 지시와 스크립트의 묶음입니다. cccskills는 내용의 안전성을 보증하지 않습니다. 설치하기 전에 내용을 확인하세요.