生成架构图

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

从Excel文件生成企业组织架构图(JPG格式,黑框白底,支持横排/竖排文字,智能防压线算法)。自动适配Excel列名,无需手动指定层级列。

一句话选型结论

按资料字段整理

生成架构图是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_ebddd884/org-chart-generator
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_ebddd884仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791732451
正文体量5.6 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
生成架构图当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

5.6 KB
模型实际读到的说明书原文,来自技能仓库

组织架构图生成器

从 Excel 文件自动生成企业组织架构图,JPG 格式,黑框白底黑字。

触发条件

当用户提到以下意图时触发:
- "生成组织架构图"
- "生成部门架构图"
- "组织架构图"
- 提供 Excel 文件并要求生成组织架构图

输入要求

Excel 文件:包含部门层级信息,支持以下列名格式:
- 标准格式:一级部门、二级部门、三级部门、四级部门、五级部门
- 简写格式:1级部门、2级部门... 或 L1、L2、L3...
- 自由格式:包含"部门"关键词的列,按出现顺序视为层级

输出:组织架构图.jpg(与源文件同目录)

执行步骤

步骤1:读取 Excel 文件并检测列名

import pandas as pd
import re

df = pd.read_excel(excel_path)

# 自动检测层级列
def detect_hierarchy_columns(df):
    """自动检测Excel中的层级列"""
    columns = df.columns.tolist()
    hierarchy_cols = []

    # 模式1: "X级部门" 或 "第X级"
    pattern1 = re.compile(r'(第)?[一二三四五六七八九十\d]+级\s*部门')

    # 模式2: "L1", "L2" 等
    pattern2 = re.compile(r'^L\d+$|^Level\d+$', re.IGNORECASE)

    # 模式3: 包含"部门"的列,按顺序排列
    dept_cols = [col for col in columns if '部门' in col]

    # 优先使用模式1
    for col in columns:
        if pattern1.search(col):
            hierarchy_cols.append(col)

    # 如果模式1没找到,尝试模式2
    if not hierarchy_cols:
        for col in columns:
            if pattern2.search(col):
                hierarchy_cols.append(col)

    # 如果还没找到,使用包含"部门"的列
    if not hierarchy_cols:
        hierarchy_cols = dept_cols

    # 按列索引排序(保持原始顺序)
    hierarchy_cols.sort(key=lambda x: columns.index(x))

    return hierarchy_cols

hierarchy_cols = detect_hierarchy_columns(df)
print(f"检测到层级列: {hierarchy_cols}")

步骤2:构建层级树

def build_tree(df, hierarchy_cols, root_name="公司组织架构"):
    """根据检测到的层级列构建树结构

    Args:
        df: DataFrame
        hierarchy_cols: 层级列名列表
        root_name: 根节点名称(公司名称)
    """
    tree = {"name": root_name, "children": []}

    for _, row in df.iterrows():
        current = tree

        for col in hierarchy_cols:
            if pd.notna(row[col]):
                dept_name = str(row[col])
                # 查找是否已存在该节点
                child_node = next((item for item in current["children"] 
                                  if item["name"] == dept_name), None)
                if child_node is None:
                    child_node = {"name": dept_name, "children": []}
                    current["children"].append(child_node)
                current = child_node

    return tree

步骤3:生成组织架构图

文字排版规则:
- 第0级(根节点):横排文字(公司名称,大字体)
- 第1级(一级部门):横排文字(中等字体)
- 第2级及以下:竖排文字(每个字符一行,小字体)

使用以下参数生成 JPG 图片:

参数 值 说明
格式 JPG 质量 95
配色 黑框白底黑字 边框宽度 2px
文字方向 第0级横排,其他竖排 竖排:每个字符一行
min_gap 220px 节点间最小水平间距
line_gap 80px 连接线与边框最小间隙
node_width_vertical 110px 竖排节点宽度
char_height 28px 字符高度
padding 30px 内边距

关键算法:
- x坐标:树形布局算法(根据子树叶子数分配空间)
- y坐标:每个分支独立计算,自顶向下递归
- 连接线位置 = 父节点底部 + 80px
- 子节点顶部 = 连接线位置 + 80px
- 从数学上保证不压线

步骤4:执行生成脚本

# 脚本路径
script_path = "{workspace}/.workbuddy/skills/org-chart-generator/scripts/generate_org_chart.py"

# 执行(支持自定义根节点名称)
python excel_path [root_name] [output_path]

输出文件

  • 主输出:{与Excel同目录}/组织架构图.jpg
  • 日志:打印画布大小、节点数量、执行时间

错误处理

  1. 未检测到层级列:提示用户检查 Excel 格式
  2. 字体文件不存在:使用默认字体
  3. 图片过大:提示用户图片宽度可能超过 30000px(正常现象)

示例

用户输入:

@skill:org-chart-generator @"D:/部门架构/公司部门架构.xlsx" "XXX企业有限公司"

执行流程:
1. 检测 Excel 中的层级列(一级部门、二级部门...)
2. 构建层级树(根节点为 "XXX企业有限公司",189 个节点)
3. 生成 JPG 图片(30930 × 2358 px)
4. 保存到 D:/部门架构/组织架构图.jpg

技术细节

  • 布局算法:改进的 Reingold-Tilford 算法
  • 防压线机制:line_gap = 80px,连接线上下各有 80px 间隙
  • 字体:C:/Windows/Fonts/simhei.ttf(黑体)
  • 依赖库:pandas, Pillow

限制

  • Excel 文件必须包含至少 2 个层级列
  • 图片宽度可能非常大(超过 30000px),这是正常的
  • 仅支持 JPG 格式输出

常见问题

5 问
答案由本站依据条目字段整理
生成架构图怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_ebddd884/org-chart-generator。安装方式为未标注。装完刷新技能列表或重开客户端。

生成架构图支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

生成架构图权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

生成架构图收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

生成架构图用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。