Yuanxing

元形（Yuanxing）：用自然语言进行产品需求设计与原型迭代，复用截图与 HTML，组织流程画布、完整原型和可交互需求文档，导出含结构化数据的离线 HTML。适用于新需求规划、旧产品修改与原型评审；纯讨论保持只读，不用于生产应用或外部在线文档编辑。

5 starsOther

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add JasperLin2333/yuanxing --skill yuanxing

Manual install

git clone --depth 1 https://github.com/JasperLin2333/yuanxing.git /tmp/yuanxing
mkdir -p ~/.claude/skills
cp -r /tmp/yuanxing/. ~/.claude/skills/yuanxing

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# 元形

用户用自然语言表达产品意图，Agent 负责需求设计、页面、交互和交付；工作台支持查看、评审与直接编辑，产品取舍由用户决定。

## 按当前意图推进

- **新需求规划或纯讨论**：讨论用户、问题与目标、范围、主流程和取舍；信息足够直接给方案，关键缺口才询问，不检测环境、运行检查或写文件。
- **已有需求或原型修改**：定位页面、编辑源与正文段落，只读目标和直接依赖；业务变化同步原型、对应需求及必要画布摘要，查到共享规则影响才扩大范围。
- **方案明确，要求制作**：复用已有组件、风格与项目直接实现；新项目按指定目录，不重复规划或确认。

需要执行时核对 Skill 目录、权限与 Node.js 20+，复用已确认且未变的结果。宿主能力不足或需要接入、分发时再读[Agent 接入](references/agent-adaptation.md)，不索取模型 API Key。

## 快速定位

```sh
node "<Skill目录>/scripts/yuanxing.mjs" locate --root "<项目目录>" --query "功能名或页面标识"
```

已知本轮编辑源时直接读取目标段落；来源不明确再用 `locate`。默认返回页面、去重编辑源与需求行号，不构建页面、不加载图片或布线引擎；需要渲染配置等完整元数据时再加 `--json`。无查询时给模块概览，结果过多用模块或具体关键词收窄，无匹配再用 `rg` 搜索本项目。

`path` 可能是生成预览，`sources` 才是已声明编辑源；不明确时沿项目 README 与扩展确认。复用会话内已确认的路径、规则与依赖，修改前只重读目标及变化处。大文件先 `rg -n` 找函数或选择器，再读取相关行；不整份输出编排、长源码、导出 HTML 或图片编码。格式问题才读[项目格式](references/project-format.md)对应章节，不一次加载所有参考资料。

## 编辑与保留

- 先读目标当前内容，保留无关页面、画布位置、连线、批注及用户改动。人与 Agent 并行编辑编排时保留原始 JSON 基线，用 `apply --root <项目目录> --base <修改前JSON> --model <修改后JSON>` 合并，同字段冲突保留双方；临时文件收口清理。
- 修改已有需求或原型后，用 `updates add --root <项目目录> --text <变化> [--node <页面>]` 把对评审、开发有意义的变化追加到更新说明，默认当天日期；完整规则仍写在 PRD，不记录制作过程。格式见[项目格式](references/project-format.md#更新说明)。
- 复用已有 HTML、截图、风格与组件；项目外输入复制后使用。页面优先自包含 HTML/CSS/少量 JavaScript；同一页面的流程节点优先共用页面和初始状态配置，表单、Tabs 和辅助弹层留在页内，只为独立任务阶段、主要操作或结果拆节点。
- 只实现用户要求与已有设计，按用户最新决定替换旧规则，业务内容进入已有正文，不另建过程文档。跨页修改按业务含义定位关联源与交互，不能只改相同标识或同名字面文字；不加共用逻辑管理入口或另一个 AI 输入框。批注用于说明，不自动执行。
- 多项目仅登记用户指定项目，沿用已有工作区；工作区和私人项目不进入 Skill 发布包。命令见[Agent 接入](references/agent-adaptation.md)。

Read the full skill on GitHub

Details

Skill name: yuanxing
Repository: JasperLin2333/yuanxing
License: MIT
Repo updated: 30 October 2026

FAQ

What does the Yuanxing skill do?

How do I install the Yuanxing skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add JasperLin2333/yuanxing --skill yuanxing. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Yuanxing popular?

It lives in JasperLin2333/yuanxing, which has 5 GitHub stars and 0 forks.

Related skills

Pvr Inox Radar

karanb192/pvr-inox-radar

Find and map PVR INOX movie showtimes anywhere in India. Use when the user wants movie showtimes, PVR or INOX shows, IMAX near me, movie tickets on a map, seats together for a group, recliners near me, cheapest recliner seats, what to watch tonight, or asks things like "Dune in IMAX Saturday night, 4 seats together, under 30 minutes from Sector 56 Gurgaon" or "what recliners are available near me tonight, 2 seats together, cheapest first". Renders one self-contained HTML map: cinemas as pins, showtime chips colored by availability, exact seats-together counts, travel-time labels, and every chi

OtherIn 1 list

Xuehui

paul-xing/xuehui-skill

基于薛辉（Allin短视频达人培训中心创始人）的短视频商业化变现思维体系。强调内容>情绪>文案>技术的价值链条，以"先赚钱再涨粉"的商业第一性原理为核心，通过四大变现脚本模型（晒过程/讲故事/教知识/说观点）+八大爆款元素指导短视频创作与变现。

Other

Clueless

ADanMan/clueless

Use when the user explicitly cannot review the output in the current domain, says they do not understand it or will copy-paste without checking, or requests clueless mode. Examples: "I know nothing about this", "не разбираюсь", "сделай за меня". Brevity, "make it nice", and delegation alone do not establish a knowledge gap.

OtherIn 1 list

Workbuddy Skin Skill

zhangxiaoqiang1991/workbuddy-skin-skill

在腾讯 WorkBuddy 内生成、应用、验证、导出和恢复可逆的定制 Skin。当用户提到 WorkBuddy Skin、皮肤、美化、暗色模式、界面配色、上传图片换肤、明星图片或明星风格定制、二次元风格、联网搜索灵感或恢复原生界面时使用。

Other

Jd Decoder

landedjobs/ai-job-hunt-os

Use when the user shares a job posting and asks whether to apply, what the posting really means, whether a job is real or a ghost listing, what a salary band signals, or how to prioritize between several postings.

OtherIn 1 list

Solar Adsorption Cooling System

dungnotnull/solar-adsorption-cooling-system-agent-skill

Solar Adsorption Cooling System Design & Operation — Solar Adsorption Cooling & Refrigeration Engineering evidence-backed analysis harness. Use this skill whenever the user asks about solar adsorption cooling systems, adsorption chillers, solar thermal cooling, refrigeration system design, adsorbent pair selection, COP optimization, or any solar cooling engineering analysis. This includes sizing systems, selecting adsorbent/adsorbate pairs, analyzing cooling capacity, evaluating thermal sources, or comparing solar cooling technologies.

Other

Browse the most popular Claude skills, all other skills, or write your own with the skills generator.