技能

IDENTITY CARD 名片技能

把电子名片沉淀成 Agent 技能:换个名字和照片,就能给任何人做同款名片。

IDENTITY CARD 名片技能

Overview

把本站电子名片从网站里抽出来,做成不依赖任何站点的独立技能(私有仓库,主要供自己维护更新)。三件套:一份 SKILL.md 工作流,让 Qoder、Claude Code 等智能体听懂「帮我做一张电子名片」;一个 npm run dev 就能跑的最小 starter,自带名片页与物料页;再加上数据校验、线上验收、scaffold 脚本与 GitHub Actions CI。附小白级使用说明书,从装进技能目录到改出自己的名片逐步可照做。与站点彻底解耦:域名运行时获取、动效与埋点都是本地实现,换一个人只改 card.json 和三张图。

Features

核心特性

装进智能体就能用
装进智能体就能用

把仓库放进 Qoder(~/.qoder-cn/skills)或 Claude Code(~/.claude/skills)的技能目录,对新会话说「帮我做一张电子名片」,它会按 SKILL.md 走完数据契约、版式、二维码、四画幅分享图、物料页、校验与上线验收全流程;仓库内附小白级分步说明。

starter 与 scaffold 两种工程化用法
starter 与 scaffold 两种工程化用法

assets/starter 是完整可构建的最小项目,npm install && npm run dev 即得 /card 与 /card-kit;已有项目用 node scripts/scaffold.mjs 把名片页、数据读取与生成脚本装进去,同名文件默认不覆盖。

改一处,全部再生
改一处,全部再生

身份只有 card.json 一个来源:改完文案、图片或域名,重跑两条生成命令,网页、二维码、四种画幅分享图与物料页全部同步更新;GitHub Actions 在每次 push 时自动校验数据并构建 starter。

成品效果 · 与本站名片同源
成品效果 · 与本站名片同源

技能产出的就是这张名片:5 秒身份开启、深色身份区 + 暖纸行动区、版本化身份与物料包;成品体验见 xk.pojuai.com/card,完整成品展示另见「IDENTITY OBJECT 电子名片」条目。

Stack

React 18ViteTypeScriptTailwind CSSSKILL.mdGitHub Actions