Ljg The One

Name: Ljg The One
Author: lijigang

lijigang/ljg-skill-the-one

22 installs
47 repo stars
Updated February 26, 2026
lijigang/ljg-skill-the-one

Helps with ai & agent building tasks.

About

ljg-the-one is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.

ljg-the-one
AI & Agent Building
AI-coding skill

Ljg The One by the numbers

22 all-time installs (skills.sh)
Ranked #10,169 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
Data as of Aug 3, 2026 (Skillselion catalog sync)

npx skills add https://github.com/lijigang/ljg-skill-the-one --skill ljg-the-one

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

[![Listed on Skillselion](https://skillselion.com/badge/skills/lijigang/ljg-skill-the-one/ljg-the-one.svg)](https://skillselion.com/skills/lijigang/ljg-skill-the-one/ljg-the-one)

Installs	22
repo stars	★ 47
Last updated	February 26, 2026
Repository	lijigang/ljg-skill-the-one ↗

What it does

Helps with ai & agent building tasks.

Files

SKILL.mdMarkdownGitHub ↗

约束

本 skill 输出为 HTML 文件（浏览器渲染），不适用 L0 中的 Org-mode、Denote 和 ASCII-only 规范。

LJG-The-One: 本质提取器

The Many (表象) → The One (本质) → The Formula (最小符号表达)

执行步骤

步骤 1：接收输入

书、概念、文章 URL、一句话、一个道理。

步骤 2：解构 → 升维 → 形式化

1. 解构: 剥离噪音 → 识别核心矛盾与动力机制 → 提取关键要素 2. 升维: 发现高维模型 → 要素转化为变量 → 建立关系符号 3. 形式化: 提炼 The One 公式（不超过 5 个变量）→ 每个变量清晰解释

步骤 3：证伪

找到公式的边界条件（至少 2-3 个）：

哪个变量在什么条件下失去意义
边界要真实、尖锐，不是"极端情况下不成立"这种废话

步骤 4：情感基调 → 自适应配色

根据核心情感基调，从 assets/theme-map.json 读取匹配的色系。

色系映射表概览：

情感基调	关键词示例
警示/危机	风险、陷阱、负面、警告
成长/生机	学习、进化、希望、复利
智慧/洞察	哲学、认知、深度、道
财富/价值	商业、投资、价值、市场
平衡/和谐	系统、平衡、中庸、稳态
力量/突破	变革、颠覆、突破、破坏
沉稳/经典	经典、永恒、真理、传统

用 theme-map.json 中的颜色值填充 HTML 模板的配色槽位。

步骤 5：生成可视化卡片

1. 读取模版 assets/template.html 2. 填充内容槽位：

槽位	说明
`{{TITLE}}`	卡片标题
`{{HEADER_ICON}}`	头部图标
`{{ORIGIN}}` / `{{ORIGIN_ICON}}`	来源描述 / 图标
`{{PHENOMENON}}` / `{{PHENOMENON_ICON}}`	表象（用 `<span class="highlight">` 高亮）/ 图标
`{{CORE_LOGIC}}` / `{{LOGIC_ICON}}`	核心逻辑 / 图标
`{{FORMULA}}`	The One 公式
`{{FORMULA_VARS}}`	变量列表 `<li><span class="var-symbol">X</span><span class="var-name">Name</span><span>描述</span></li>`
`{{MERMAID_DIAGRAM}}`	Mermaid 流程图代码
`{{BOUNDARY_ICON}}` / `{{BOUNDARY_TITLE}}`	边界图标 / 标题
`{{BOUNDARY_ITEMS}}`	边界条目 `<div class="boundary-item">` 含 condition + reason
配色槽位	`{{THEME_PRIMARY}}` `{{THEME_SECONDARY}}` `{{THEME_GLOW}}` 等，从 theme-map.json 填充

3. 写入 /tmp/essence-card-{概念名称}.html 4. 执行 open /tmp/essence-card-{概念名称}.html

输出质量标准

公式极简: 不超过 5 个变量
边界尖锐: 具体失效条件，不说废话
解释清晰: 每个变量有明确现实对应物
配色匹配: 主题色系与情感基调一致

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Essence Card | {{TITLE}}</title>
    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
    <style>
        :root {
            /* 自适应主题色 - 根据文章情感基调选择 */
            --theme-primary: {{THEME_PRIMARY}};      /* 主色调 */
            --theme-secondary: {{THEME_SECONDARY}};  /* 辅助色 */
            --theme-glow: {{THEME_GLOW}};            /* 发光色 */

            /* 基础色板 */
            --bg-primary: #0a0a0f;
            --bg-card: #16161e;
            --bg-card-hover: #1a1a24;
            --border-subtle: #2a2a3a;
            --text-primary: #e8e8e8;
            --text-secondary: #a0a0a0;
            --text-dim: #555;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: var(--bg-primary);
            color: var(--text-primary);
            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
            min-height: 100vh;
            padding: 40px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Header */
        .header {
            text-align: center;
            margin-bottom: 32px;
        }

        .header h1 {
            font-size: 14px;
            letter-spacing: 6px;
            color: var(--theme-primary);
            font-weight: 500;
            margin-bottom: 8px;
        }

        .header .title {
            font-size: 32px;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 8px;
        }

        .header .subtitle {
            font-size: 14px;
            color: var(--text-secondary);
        }

        /* Bento Grid */
        .bento-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: auto;
            gap: 16px;
        }

        .bento-card {
            background: var(--bg-card);
            border: 1px solid var(--border-subtle);
            border-radius: 20px;
            padding: 24px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .bento-card:hover {
            background: var(--bg-card-hover);
            border-color: var(--theme-primary);
            box-shadow: 0 0 30px var(--theme-glow);
            transform: translateY(-2px);
        }

        .card-label {
            font-size: 10px;
            letter-spacing: 2px;
            color: var(--theme-primary);
            text-transform: uppercase;
            margin-bottom: 12px;
            font-weight: 600;
        }

        .card-content {
            font-size: 15px;
            line-height: 1.7;
            color: var(--text-primary);
        }

        /* Card Sizes */
        .card-origin {
            grid-column: span 4;
        }

        .card-phenomenon {
            grid-column: span 8;
        }

        .card-formula {
            grid-column: span 5;
            background: linear-gradient(135deg, {{FORMULA_BG_START}} 0%, var(--bg-card) 100%);
            border-color: {{FORMULA_BORDER}};
        }

        .card-formula:hover {
            border-color: var(--theme-secondary);
            box-shadow: 0 0 30px {{FORMULA_GLOW}};
        }

        .card-logic {
            grid-column: span 7;
        }

        .card-diagram {
            grid-column: span 6;
            min-height: 280px;
        }

        .card-boundary {
            grid-column: span 6;
            background: linear-gradient(135deg, {{BOUNDARY_BG_START}} 0%, var(--bg-card) 100%);
            border-color: {{BOUNDARY_BORDER}};
        }

        .card-boundary:hover {
            border-color: #ff6b6b;
        }

        /* Formula Styling */
        .formula-display {
            text-align: center;
            padding: 20px 0;
        }

        .formula-main {
            font-size: 42px;
            font-weight: 700;
            color: var(--theme-secondary);
            letter-spacing: 4px;
            margin-bottom: 24px;
            font-family: 'SF Mono', 'Fira Code', monospace;
            text-shadow: 0 0 20px {{FORMULA_GLOW}};
        }

        .formula-vars {
            text-align: left;
            padding: 0;
            list-style: none;
        }

        .formula-vars li {
            padding: 8px 0;
            border-bottom: 1px solid var(--border-subtle);
            font-size: 13px;
            color: var(--text-secondary);
            display: flex;
            align-items: baseline;
            gap: 12px;
        }

        .formula-vars li:last-child {
            border-bottom: none;
        }

        .var-symbol {
            color: var(--theme-secondary);
            font-weight: 700;
            font-family: 'SF Mono', monospace;
            min-width: 24px;
        }

        .var-name {
            color: var(--text-primary);
            font-weight: 500;
        }

        /* Mermaid */
        .mermaid-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            min-height: 200px;
        }

        /* Boundary Content */
        .boundary-title {
            font-size: 18px;
            font-weight: 600;
            color: #ff6b6b;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .boundary-item {
            background: {{BOUNDARY_ITEM_BG}};
            border-radius: 8px;
            padding: 14px 16px;
            margin: 10px 0;
            border-left: 3px solid #ff6b6b;
        }

        .boundary-condition {
            font-size: 14px;
            font-weight: 600;
            color: #ff6b6b;
            margin-bottom: 6px;
        }

        .boundary-reason {
            font-size: 13px;
            color: var(--text-secondary);
            line-height: 1.6;
        }

        /* Highlight */
        .highlight {
            color: var(--theme-primary);
            font-weight: 500;
        }

        .highlight-secondary {
            color: var(--theme-secondary);
            font-weight: 500;
        }

        /* Icon Badge */
        .icon-badge {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            margin-bottom: 16px;
        }

        .icon-badge.primary {
            background: {{ICON_BG_PRIMARY}};
        }

        .icon-badge.secondary {
            background: {{ICON_BG_SECONDARY}};
        }

        /* Footer */
        .footer {
            text-align: center;
            margin-top: 32px;
            padding-top: 24px;
            color: var(--text-dim);
            font-size: 12px;
            letter-spacing: 1px;
        }

        /* Responsive */
        @media (max-width: 900px) {
            .bento-grid {
                grid-template-columns: 1fr;
            }

            .bento-card {
                grid-column: span 1 !important;
            }

            body {
                padding: 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>{{HEADER_ICON}} ESSENCE CARD</h1>
            <div class="title">{{TITLE}}</div>
            <div class="subtitle">The One Formula Extraction</div>
        </div>

        <div class="bento-grid">
            <!-- Origin -->
            <div class="bento-card card-origin">
                <div class="icon-badge primary">{{ORIGIN_ICON}}</div>
                <div class="card-label">Origin 来源</div>
                <div class="card-content">{{ORIGIN}}</div>
            </div>

            <!-- Phenomenon -->
            <div class="bento-card card-phenomenon">
                <div class="icon-badge secondary">{{PHENOMENON_ICON}}</div>
                <div class="card-label">Phenomenon 表象</div>
                <div class="card-content">{{PHENOMENON}}</div>
            </div>

            <!-- Formula -->
            <div class="bento-card card-formula">
                <div class="card-label">The One 公式</div>
                <div class="formula-display">
                    <div class="formula-main">{{FORMULA}}</div>
                    <ul class="formula-vars">
                        {{FORMULA_VARS}}
                    </ul>
                </div>
            </div>

            <!-- Core Logic -->
            <div class="bento-card card-logic">
                <div class="icon-badge primary">{{LOGIC_ICON}}</div>
                <div class="card-label">Core Logic 核心逻辑</div>
                <div class="card-content">{{CORE_LOGIC}}</div>
            </div>

            <!-- Diagram -->
            <div class="bento-card card-diagram">
                <div class="card-label">Thinking Path 思维路径</div>
                <div class="mermaid-wrapper">
                    <div class="mermaid">
{{MERMAID_DIAGRAM}}
                    </div>
                </div>
            </div>

            <!-- Boundary -->
            <div class="bento-card card-boundary">
                <div class="card-label">Boundary 边界条件</div>
                <div class="boundary-title">{{BOUNDARY_ICON}} {{BOUNDARY_TITLE}}</div>
                {{BOUNDARY_ITEMS}}
            </div>
        </div>

        <div class="footer">
            Generated by LJG-The-One | 透过表象看本质
        </div>
    </div>

    <script>
        mermaid.initialize({
            startOnLoad: true,
            theme: 'dark',
            themeVariables: {
                primaryColor: '{{THEME_PRIMARY}}',
                primaryTextColor: '#e0e0e0',
                primaryBorderColor: '{{THEME_PRIMARY}}',
                lineColor: '{{THEME_PRIMARY}}',
                secondaryColor: '#1a1a24',
                tertiaryColor: '#0a0a0f',
                fontSize: '14px'
            }
        });
    </script>
</body>
</html>

{
  "警示/危机": {
    "primary": "#ff6b6b",
    "secondary": "#ffa502",
    "glow": "rgba(255, 107, 107, 0.15)",
    "formula_bg": "#1a1210",
    "formula_border": "rgba(255, 165, 2, 0.3)",
    "formula_glow": "rgba(255, 165, 2, 0.15)",
    "boundary_bg": "#1a1012",
    "boundary_border": "rgba(255, 107, 107, 0.2)",
    "boundary_item_bg": "rgba(255, 107, 107, 0.1)",
    "icon_bg_primary": "rgba(255, 107, 107, 0.15)",
    "icon_bg_secondary": "rgba(255, 165, 2, 0.15)",
    "keywords": ["风险", "陷阱", "负面", "警告", "危机", "崩溃"]
  },
  "成长/生机": {
    "primary": "#00ff88",
    "secondary": "#7bed9f",
    "glow": "rgba(0, 255, 136, 0.15)",
    "formula_bg": "#101a15",
    "formula_border": "rgba(123, 237, 159, 0.3)",
    "formula_glow": "rgba(123, 237, 159, 0.15)",
    "boundary_bg": "#0a1a10",
    "boundary_border": "rgba(0, 255, 136, 0.2)",
    "boundary_item_bg": "rgba(0, 255, 136, 0.1)",
    "icon_bg_primary": "rgba(0, 255, 136, 0.15)",
    "icon_bg_secondary": "rgba(123, 237, 159, 0.15)",
    "keywords": ["学习", "进化", "生命力", "希望", "成长", "复利"]
  },
  "智慧/洞察": {
    "primary": "#a29bfe",
    "secondary": "#74b9ff",
    "glow": "rgba(162, 155, 254, 0.15)",
    "formula_bg": "#15141a",
    "formula_border": "rgba(116, 185, 255, 0.3)",
    "formula_glow": "rgba(116, 185, 255, 0.15)",
    "boundary_bg": "#12101a",
    "boundary_border": "rgba(162, 155, 254, 0.2)",
    "boundary_item_bg": "rgba(162, 155, 254, 0.1)",
    "icon_bg_primary": "rgba(162, 155, 254, 0.15)",
    "icon_bg_secondary": "rgba(116, 185, 255, 0.15)",
    "keywords": ["哲学", "认知", "深度", "思考", "智慧", "道"]
  },
  "财富/价值": {
    "primary": "#ffcc00",
    "secondary": "#f9ca24",
    "glow": "rgba(255, 204, 0, 0.15)",
    "formula_bg": "#1a1810",
    "formula_border": "rgba(249, 202, 36, 0.3)",
    "formula_glow": "rgba(249, 202, 36, 0.15)",
    "boundary_bg": "#1a1610",
    "boundary_border": "rgba(255, 204, 0, 0.2)",
    "boundary_item_bg": "rgba(255, 204, 0, 0.1)",
    "icon_bg_primary": "rgba(255, 204, 0, 0.15)",
    "icon_bg_secondary": "rgba(249, 202, 36, 0.15)",
    "keywords": ["商业", "投资", "价值", "财富", "市场"]
  },
  "平衡/和谐": {
    "primary": "#00cec9",
    "secondary": "#81ecec",
    "glow": "rgba(0, 206, 201, 0.15)",
    "formula_bg": "#101a1a",
    "formula_border": "rgba(129, 236, 236, 0.3)",
    "formula_glow": "rgba(129, 236, 236, 0.15)",
    "boundary_bg": "#0a1a1a",
    "boundary_border": "rgba(0, 206, 201, 0.2)",
    "boundary_item_bg": "rgba(0, 206, 201, 0.1)",
    "icon_bg_primary": "rgba(0, 206, 201, 0.15)",
    "icon_bg_secondary": "rgba(129, 236, 236, 0.15)",
    "keywords": ["系统", "平衡", "中庸", "和谐", "稳态"]
  },
  "力量/突破": {
    "primary": "#e056fd",
    "secondary": "#be2edd",
    "glow": "rgba(224, 86, 253, 0.15)",
    "formula_bg": "#1a101a",
    "formula_border": "rgba(190, 46, 221, 0.3)",
    "formula_glow": "rgba(190, 46, 221, 0.15)",
    "boundary_bg": "#180e1a",
    "boundary_border": "rgba(224, 86, 253, 0.2)",
    "boundary_item_bg": "rgba(224, 86, 253, 0.1)",
    "icon_bg_primary": "rgba(224, 86, 253, 0.15)",
    "icon_bg_secondary": "rgba(190, 46, 221, 0.15)",
    "keywords": ["变革", "颠覆", "突破", "力量", "破坏"]
  },
  "沉稳/经典": {
    "primary": "#dfe6e9",
    "secondary": "#b2bec3",
    "glow": "rgba(223, 230, 233, 0.15)",
    "formula_bg": "#161818",
    "formula_border": "rgba(178, 190, 195, 0.3)",
    "formula_glow": "rgba(178, 190, 195, 0.15)",
    "boundary_bg": "#141616",
    "boundary_border": "rgba(223, 230, 233, 0.2)",
    "boundary_item_bg": "rgba(223, 230, 233, 0.1)",
    "icon_bg_primary": "rgba(223, 230, 233, 0.15)",
    "icon_bg_secondary": "rgba(178, 190, 195, 0.15)",
    "keywords": ["经典", "永恒", "真理", "沉稳", "传统"]
  }
}