36氪获悉，粤万年青公告，持股5%以上股东合和投资控股（广州）合伙企业（有限合伙）计划在本公告披露之日起15个交易日后的3个月内，以集中竞价交易、大宗交易方式合计减持公司股份不超过4615000股，即减持比例不超过公司总股本的2.884375%。

36氪获悉，金牛化工公告，公司股票连续2个交易日内收盘价格涨幅偏离值累计超过20%，属于股票交易异常波动情况。近期受地缘局势等多重因素影响，国际能源价格波动，甲醇等化工品国际供给形势可能发生变化，短期价格呈震荡走势，目前公司生产经营活动正常，近期行业政策没有发生重大调整，敬请广大投资者注意风险。

韩国将于3月13日起对国内燃油价格实施价格上限，以应对中东冲突引发的能源成本飙升。韩国财政部表示，还将限制石油产品囤积行为，要求炼油企业释放至少相当于去年3月和4月月均石油产品释放量的90%。（界面）

36氪获悉，3月12日，科大讯飞版“龙虾”——AstronClaw正式上线。其核心采用沙箱隔离技术运行，全程守护用户数据安全。支持云端一键部署，可接入企业微信、钉钉、飞书等主流通讯工具，直接对话即可指派任务。平台可调用10000+skills，支持自由切换星火X2、MiniMax-M2.5、Kimi-K2.5、GLM-5等多款大模型，胜任行业分析、文档处理等工作。

盘后数据显示，3月12日龙虎榜中，共35只个股出现了机构的身影，有6只股票呈现机构净买入，29只股票呈现机构净卖出。当天机构净买入前三的股票分别是御银股份、真爱美家、正泰电源，净买入金额分别是1.09亿元、6315万元、4442万元。当天机构净卖出前三的股票分别是动力新科、银轮股份、南网数字，净流出金额分别是1.54亿元、1.34亿元、1.25亿元。（第一财经）

36氪获悉，步长制药公告，公司全资子公司山东丹红拟与杭州鸿育医药科技有限公司就益气活血解郁颗粒临床前研究技术转让及其新药开发事宜签署《技术转让与科研合作合同》。由于医药产品具有高科技、高风险、高附加值的特点，产品从研制、临床试验报批到投产的周期长、环节多，容易受到一些不确定性因素的影响。敬请广大投资者谨慎决策，注意防范投资风险。

澳大利亚政府12日宣布，将在未来60天内临时调整该国燃油质量标准，允许硫含量更高的汽油进入市场，以增加国内燃油供应。澳大利亚气候变化与能源部长克里斯·鲍恩在当天发布的新闻公报中表示，此举将使原本可能出口的部分燃油转而供应国内市场，每月可新增约1亿升汽油供应。鲍恩说，这部分新增供应将优先投向面临燃油短缺的地区，以及为独立经销商和农业收割作业提供支持的批发现货市场。（新华社）

纯模板，下次需要直接贴给 AI 然后替换内容就行

skills 技术分享文档

一、项目概述

1.1 项目定位

skills 是团队为 Claude Code 打造的通用技能工具集，通过 npm 包的形式进行分发和管理，旨在提升团队开发效率和代码质量。

• 包名: skills
• 仓库: gitlab.example.com/team/skills
• Registry: npm.example.com/
• 当前版本: 1.0.1

1.2 核心价值

1. 知识共享: 将团队最佳实践封装为可复用的技能
2. 效率提升: 自动化重复性工作流程
3. 规范统一: 确保团队操作流程一致性
4. 降低门槛: 新成员快速上手团队工作方式

---

二、技术架构

2.1 整体架构

skills
├── bin/
│   └── cli.js          # CLI 工具入口
├── skills/             # 技能定义（自动触发或 /调用）
│   ├── brainstorming/
│   ├── merge-to-test/
│   ├── merge-to-develop/
│   └── requirement-to-spec/
├── commands/           # 命令定义（/调用）
│   └── create-branch.md
├── agents/             # 自定义 Agent 定义
└── rules/              # 全局规则约束

2.2 Claude Code 资源类型映射

类型	安装路径	触发方式	文件扩展	是否嵌套
skills	~/.claude/skills/	自动或 /skill-name	无	是
commands	~/.claude/commands/	/command-name	.md	否
agents	~/.claude/agents/	Agent 定义	.md	否
rules	~/.claude/rules/	全局应用	.md	否

---

三、CLI 工具设计

3.1 核心功能

CLI 工具提供了完整的资源生命周期管理：

# 查看可用资源
skills list
skills list skills

# 查看已安装资源
skills installed
skills installed commands

# 安装资源
skills install --all                    # 安装所有
skills install skills brainstorming    # 安装单个

# 更新资源
skills update --all
skills update commands create-branch

# 卸载资源
skills remove skills brainstorming

3.2 技术实现要点

1. 路径解析

const CLAUDE_HOME = path.join(os.homedir(), '.claude')
const TYPES = {
  skills:   { src: 'skills',   dest: path.join(CLAUDE_HOME, 'skills'),   nested: true,  ext: '' },
  commands: { src: 'commands', dest: path.join(CLAUDE_HOME, 'commands'), nested: false, ext: '.md' },
  agents:   { src: 'agents',   dest: path.join(CLAUDE_HOME, 'agents'),   nested: false, ext: '.md' },
  rules:    { src: 'rules',    dest: path.join(CLAUDE_HOME, 'rules'),    nested: false, ext: '.md' },
}

2. 嵌套目录处理 Skills 需要递归复制整个目录，而其他类型仅需复制单个文件：

if (TYPES[type].nested) {
  fs.cpSync(src, dest, { recursive: true, force: true })
} else {
  fs.copyFileSync(src, dest)
}

3. 更新策略 更新时仅更新已安装的资源，跳过不存在的资源并给出警告：

const installed = listInstalled(type)
const available = new Set(listAvailable(type))
installed.forEach(name => {
  if (available.has(name)) { installOne(type, name); count++ }
  else console.warn(`  ! [${type}] "${name}" 不在包中，跳过`)
})

---

四、核心技能详解

4.1 brainstorming - 创意设计助手

使用场景: 在进行任何创造性工作之前（创建功能、构建组件、修改行为）

工作流程:

1. 理解上下文: 检查项目状态（文件、文档、最近提交）
2. 逐步提问: 每次只问一个问题，避免信息过载
3. 方案探索: 提出 2-3 种方案并说明权衡
4. 分段展示: 每段 200-300 字，逐步验证设计
5. 文档输出: 将确认的设计写入 docs/plans/YYYY-MM-DD-<topic>-design.md

关键原则:

• 一次只问一个问题
• 优先使用多选题而非开放题
• YAGNI 原则：移除不必要的功能
• 始终提供多种方案

4.2 merge-to-test - 自动合并到测试环境

触发条件: 用户说"推送代码"、"可以推送"、"push"时

保护分支检测:

const protectedBranches = ['master', 'test', 'develop', 'release/*']
// 如果当前分支是保护分支，则不触发

合并流程:

branch=$(git rev-parse --abbrev-ref HEAD) && \
git checkout test && \
git pull && \
git merge $branch && \
git push && \
git checkout $branch

级联触发: 成功合并到 test 后，自动触发 merge-to-develop 询问是否部署到开发环境

4.3 merge-to-develop - 合并到开发环境

触发方式:

1. 由 merge-to-test 成功后自动触发
2. 用户主动请求："Merge to develop environment"、"Deploy to develop"

工作流程: 与 merge-to-test 类似，目标分支为 develop

部署完成摘要:

部署完成：
✅ 测试环境 (test)
✅ 开发环境 (develop)

4.4 requirement-to-spec - 需求转技术规格

核心功能: 通过自然对话收集需求信息，然后调用 /openspec:proposal 生成详细技术规格

分支保护检查 (关键安全机制):

// Step 0: 检查当前分支
branch=$(git branch --show-current)
if [[ "$branch" == "master" || "$branch" == "test" || "$branch" == "develop" ]]; then
  // 显示警告并询问是否切换分支
fi

信息收集流程:

1. 需求名称（可直接从项目管理系统复制）
2. 简要描述（做什么、预期什么结果）
3. 技术变更点
4. 影响范围（文件或模块）
5. 接口信息（如有）
6. 出入参（如有）

格式化输出:

/openspec:proposal 这里有个新需求需要创建提案：【<需求名称>】

简单描述：<做什么，要什么结果>

具体需求：<技术变更点>

影响范围：<文件或模块路径>

接口：<如果有则填写，没有则用占位符>

出入参：<如果有则填写，没有则用 {} 占位>

---

五、核心命令详解

5.1 create-branch - AI 辅助分支创建

功能: 从项目管理系统 Story 创建功能分支，AI 自动翻译分支名

分支命名规范: feat/<username>/<concise-english-name>-<storyID>

核心功能:

1. 信息提取: 从项目管理系统 URL 提取 storyID
2. AI 翻译: 将中文标题翻译为简洁的英文分支名（3-4 词）
3. 用户名获取: 从 git config user.name 自动获取
4. 创建模式选择: 支持普通分支和 Worktree 两种模式

Worktree 模式特殊处理:

• 路径格式: <main-branch-parent>/<project>.worktrees/<branch-type>/<username>/<branch-name>
• 共享 node_modules: 通过符号链接避免重复安装依赖
• Windows 符号链接: powershell -Command "cmd /c 'mklink /D <target> <source>'"
• 可选复制 route-dev.js 文件

AI 翻译规则:

• 使用小写连字符格式（如 scrm-auto-tag）
• 移除冗余词汇（"功能"、"优化"等）
• 保留重要缩写（SCRM、CRM等）
• 保持简洁，聚焦核心功能

执行流程:

# 1. 更新 master（必须）
git checkout master
git pull origin master

# 2. 创建分支
git checkout -b feat/<username>/<english-name>-<storyID>

# 3. Worktree 模式额外操作
git worktree add <worktree-path> -b <branch-name>
# 创建 node_modules 符号链接
# 可选复制 route-dev.js

---

六、集成与协作

6.1 技能间的协作

/create-branch
    ↓
/requirement-to-spec (分支保护检查)
    ↓
/openspec:proposal (生成技术规格)
    ↓
[开发实现]
    ↓
git push
    ↓
merge-to-test (自动触发)
    ↓ (成功后)
merge-to-develop (自动触发)

6.2 安全机制

1. 分支保护: 所有涉及代码修改的技能都会检查当前分支
2. 用户确认: 关键操作前都需要用户确认
3. 错误处理: 提供清晰的错误信息和恢复指导
4. 状态回滚: 合并失败时自动切换回原分支

---

七、最佳实践

7.1 发布流程

# 1. 更新版本号
npm version patch/minor/major

# 2. 发布到内部 npm
npm publish --registry http://npm.example.com/

# 3. 用户更新
npx --registry http://npm.example.com/ @company/skills update --all

7.2 本地开发

# 链接到全局
npm link

# 测试命令
skills list
skills install --all
skills installed

7.3 扩展开发指南

新增 Skill:

1. 创建 skills/<skill-name>/SKILL.md 或 Skill.md
2. 编写 frontmatter 元数据
3. 编写技能逻辑文档
4. 更新版本号并发布

新增 Command:

1. 创建 commands/<command-name>.md
2. 编写命令说明文档
3. 更新版本号并发布

Skill Frontmatter 模板:

---
name: skill-name
description: 简短描述
category: 分类（可选）
tags: [tag1, tag2]（可选）
---

---

八、常见问题

Q1: 如何调试技能执行过程？

A: Claude Code 会在执行过程中显示详细的日志输出，包括每个步骤的执行情况和结果。

Q2: Worktree 模式下符号链接创建失败？

A: Windows 需要管理员权限或开启开发者模式才能创建符号链接。可以：

• 以管理员身份运行终端
• 或启用 Windows 开发者模式

Q3: 如何自定义分支命名规则？

A: 修改 commands/create-branch.md 中的分支格式定义，然后更新发布。

Q4: 技能执行失败如何回滚？

A: 大多数技能都有内置的错误处理和状态恢复机制，会自动切换回原分支。

---

九、未来规划

1. 更多技能: 持续添加团队常用的开发技能
2. 配置化: 支持团队自定义配置（如分支命名规则）
3. 测试覆盖: 为 CLI 工具添加自动化测试
4. 文档完善: 提供更详细的使用示例和视频教程
5. 性能优化: 优化安装和更新速度

---

十、总结

skills 通过以下方式提升开发效率：

1. 标准化流程: 将团队最佳实践封装为可复用的技能
2. 自动化操作: 减少重复性手工操作
3. 智能辅助: AI 翻译、需求整理等智能功能
4. 安全保护: 分支保护检查等安全机制
5. 易于扩展: 清晰的架构便于添加新技能

通过这套工具集，新成员可以快速融入团队工作方式，老成员可以专注于核心业务逻辑，从而整体提升团队的开发效率和代码质量。

版权声明：
本文版权属于作者 林小帅，未经授权不得转载及二次修改。
转载或合作请在下方留言及联系方式。

德国能源企业莱茵集团（RWE）计划未来五年大举投资美国市场，以提升盈利与股东回报。莱茵集团周四宣布，到 2031 年将投资350亿欧元（约404.9亿美元），其中近半数资金将用于美国发电业务。（新浪财经）

36氪获悉，真爱美家发布异动公告，公司关注到有关媒体在网络上流传关于公司被收购后将“变更主营业务”“被借壳”的传闻。经公司核实，公司的主营业务仍为毛毯为主的家用纺织品研发、设计、生产与销售，不涉及人工智能业务，公司主营业务未发生重大变化。经公司与控股股东探迹远擎再次确认，探迹远擎不存在未来12个月内的重大资产重组计划，不存在未来12个月内对上市公司及其子公司的资产和业务进行出售、合并的计划，亦不存在将其控制的资产在未来36个月内通过上市公司借壳上市的计划或安排。

36氪获悉，上期所发布通知，经研究决定，下述合约自上市时起，涨跌停板幅度和交易保证金比例调整如下：黄金AU2704合约的涨跌停板幅度为17%，套保持仓交易保证金比例为18%，一般持仓交易保证金比例为19%；白银AG2703合约的涨跌停板幅度为20%，套保持仓交易保证金比例为21%，一般持仓交易保证金比例为22%。

36氪获悉，恺英网络公告，公司控股股东、实际控制人、董事长金锋拟自增持计划披露之日起6个月内增持公司股份，增持总金额规模不低于1.5亿元。增持目的是基于对公司未来发展前景的信心和对公司股票价值的合理判断，同时提升投资者信心，切实维护中小投资者利益和资本市场稳定。增持方式包括但不限于集中竞价、大宗交易等直接或间接方式。

36氪获悉，3月12日，网易智企“龙虾总动员 · AI Agent 实战全公开”活动在杭州举行。网易智企围绕GitHub开源项目“龙虾”（OpenClaw），向近四百位企业管理者与开发者分享了企业级安全部署经验。活动现场，网易智企发布了企业级平台ClawHive，针对企业落地AI Agent的安全、场景适配、规模化使用等问题，提供权限管控、数据隔离、一键部署等解决方案。

3月12日，追觅扫地机获市场调查机构欧睿国际“全球高端扫地机器人销量第一”认证。目前，追觅扫地机遍布全球120个国家及地区，实现30国家市占率第一，在波兰、瑞典、丹麦、芬兰、德国等18个国家市占率超40%。

36氪获悉，天力锂能公告，股东安徽高新投新材料产业基金合伙企业（有限合伙）计划自公告披露之日起15个交易日后的未来3个月内（2026年4月3日至2026年7月2日），以集中竞价和大宗交易方式减持公司股份不超过356.22万股（占公司总股本的3%），其中集中竞价不超过118.74万股（1%）、大宗交易不超过237.48万股（2%）；减持原因为自身经营管理需要，股份来源为公司首次公开发行前持有的股份。

一、目标

在之前的过程中，基于DSL完成了列表页面的领域模型搭建和页面的动态开发，接下来我们是要根据列表页展示的按钮，完成详情的 动态增改查 功能

二、配置项展示

1. xxxOption(字段级配置)

这部分设置的是某个字段在某个页面中的表现方式，用来控制每个字段如何渲染，比如是要隐藏或是禁用。

其中新增、修改页面的控件类型comType是必须要进行配置的，用于后续数据填写；而查看详情页面可以添加控件组件comType，和新增、修改采用同一种样式展示、也可以不配置控件组件，自定义展示样式。

以下是代码用例：

      xxxPageOption: {
        ...elComponentConfig, // 标准 el-component配置
        comType: "", // 控件类型 input/select/input-number
        visible: true, // 是否展示，默认为true
        disabled: false, // 是否禁用，默认为false
        default: "", // 默认值
        enumList: [], // 枚举列表，comType === select时生效
      },

2. componentConfig(组件级配置)

这部分配置是用来控制页面的行为；根据之前按钮配置的eventKey和eventOption中的comName来决定展示哪个页面

适合用来控制一些页面属性

        // 动态组件 相关配置
        componentConfig: {
          xxxPage: {
            title: '', // 表单标题
            saveBtnText: '', // 保存按钮文案
            mainKey: '', // 表单主键，用于唯一标识要修改的数据对象，修改和查看必须进行配置
          },
          // ... 支持用户动态扩展
        }

3. 两者之间的结构关系

        Schema
         ├─ properties (字段级)
         │   ├─ field1
         │   │   ├─ xxxPageOneOption
         │   │   ├─ xxxPageTwoOption
         │   │   └─ xxxPageThreeOption
         │   └─ field2
         │
        componentConfig (页面级)
             ├─ xxxPageOne
             ├─ xxxPageTwo
             └─ xxxPageThree

三、与代码配置页面的比对

	代码配置页面	DSL领域模型生成
开发方式	写代码	写配置
页面数量	一个页面一套代码	一个组件根据配置可以生成多个页面
样式风格	难以统一	容易保持一致

• DSL的核心优势

  一个schema可以生成，达到页面生成自动化，且UI样式统一，降低重复代码

四、最终DSL架构

经过不断的完善和扩展，我们最终的DSL架构样式为：

    schema: {
      properties: {
        key: {
          ...schema,
          label: '',
          type: '',
          searchOption: {
          },
          tableOption: {
          },
          xxxPageOneOption: {
          },
          xxxPageTwoOption: {
          },
        }
      },
      required: ["key"],
    }
    searchConfig: {},
    tableConfig: {},
    component: {
      xxxPageOne: {
      },
      xxxPageTwo: {
      },
    },

五、总结

为解决前端代码开发过程中遇到的 页面重复度高、大量CRUD页面结构相似，每个页面独立完成导致的后续高维护成本和扩展困难等问题，我们从手写每个页面代码 转变为 使用DSL配置描述页面结构。

在开发过程中，通过领域模型model和衍生出的各类project配置，结合统一的schema配置描述页面结构，动态生成页面。从而达到将重复代码沉淀下来，让我们有更多的精力去完成定制化需求。

六、开发过程中遇到的😅事情

vue动态组件 + ref 收集方式

• 修改前的写法

      <component v-for='item in List"  :ref="handleSearchComList"/>  
  
      const searchComList = ref([]);
      const handleSearchComList = (el) => {
        searchComList.value.push(el);
      }
  

• 错误的修改

      <component v-for="item in list"  :ref="searchComList"/>  
      const searchComList = ref([]);
  

  因为我定义的是 searchComList = ref([])，vue会认为这是一个ref对象，然后尝试searchComList.value = el；这样会导致 过程中每次ref都会覆盖，不会push，所以在我打印的时候看到的是空的

• 正确的修改

      <component v-for="item in list"  ref="searchComList"/>  
      const searchComList = ref([]);
  

• 情况比对

  写法	是否可用	原因
  :ref="schemaComList"	不可用	:ref="XXX"动态ref，是js表达式绑定，vue会理解为 XXX.value = el，会被覆盖，在最后组件更新或卸载的时候，打印出来的结果就是空数组或者null
  :ref="handleSearchComList" + handleSearchComList()	可用	定义的handleSearchComList是函数，vue会执行这段函数，会在函数中进行push
  ref="searchComList" + v-for	可用	ref="XXX" 静态ref，XXX只是一个字符串key，vue会在挂载后自动做 XXX.value = 组件实例；如果是v-for，vue会自动收集 XXX.value = [实例1，实例2...]

在前端开发与 UI 还原的过程中，我们经常会遇到一个破坏设计美感的“顽疾”：当用户使用 Chrome 或其他 Webkit 内核浏览器自动填充账号密码时，输入框会被强制渲染上一层淡蓝色或淡黄色的背景。

对于追求完美视觉体验的项目来说，这种突兀的颜色往往会破坏整体的 UI 色调。今天我们就来聊聊，为什么会出现这个问题，以及如何优雅地解决它。

🔍 为什么常规的 background-color 无法覆盖？

当浏览器触发自动填充时，会给 <input> 元素自动加上一个 :-webkit-autofill 伪类。在这个伪类的用户代理样式表（User Agent Stylesheet）中，浏览器使用了 !important 来强制设置背景色和字体颜色。

正因为它的优先级极高，我们在 CSS 中常规编写的 background-color 和 color 属性都会失效。

🛠️ 解决方案大盘点

要对付这个高优先级的默认样式，我们需要采取一些“曲线救国”的 CSS 技巧。以下是目前业内最常用的三种解决方案：

# 方案一：内阴影遮挡法（最通用，适用于纯色背景）

这是目前最主流且兼容性最好的做法。既然背景色改不掉，我们就用一堵“厚厚的墙”把它挡住。利用极其宽大的内部阴影（inset），我们可以完美遮挡住浏览器默认的背景色。

/* 针对 Webkit 浏览器的自动填充样式重置 */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    /* 1. 使用足够大的内阴影来覆盖背景色，把 #ffffff 替换成你输入框原本的背景色 */
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    
    /* 2. 由于常规的 color 属性也会失效，需要用这个属性修改文字颜色 */
    -webkit-text-fill-color: #333333 !important; 
    
    /* 3. 保留光标的正常颜色 */
    caret-color: #333333;
}

# 方案二：过渡延迟法（适用于透明背景输入框）

如果你设计的输入框是没有背景色的（即透明背景），那么方案一的纯色阴影就不适用了。这时，我们可以利用 CSS 的 transition 属性，给背景色的变化加上一个极长的延迟时间。

这样一来，即使浏览器想变色，也要等上好几个小时，在视觉上就等同于保持了透明。

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    /* 将背景色的过渡时间设置为一个极大的值（如 5000秒），让变色无限延后 */
    transition: background-color 5000s ease-in-out 0s;
    
    /* 依然可以自定义文字颜色 */
    -webkit-text-fill-color: #333333 !important;
}

# 方案三：直接禁用自动填充（视业务场景而定）

如果你开发的系统对安全性要求极高，或者明确不需要浏览器记住密码（例如银行系统的动态验证码输入框），可以直接在 HTML 层面关闭它。

<input type="text" name="username" autocomplete="off">

<input type="password" name="password" autocomplete="new-password">

注意： 禁用自动填充会牺牲一部分用户便利性，在常规的登录注册页面中不建议滥用。通常推荐使用前两种 CSS 方案来兼顾用户体验与 UI 美观。

💡 总结

处理 :-webkit-autofill 是前端页面切图时的经典问题。遇到纯色背景，首选 box-shadow 内阴影覆盖；遇到透明背景，使用 transition 延迟生效；遇到特殊安全场景，再考虑 autocomplete="off"。掌握这三招，足以应对绝大多数表单样式重置的需求。

据一名参与谈判的知情人士与一名获悉相关情况的人士透露，Anthropic正与包括黑石集团（Blackstone）、赫尔曼・弗里德曼（Hellman & Friedman）在内的私募股权公司财团洽谈，计划成立一家专注于人工智能的合资企业，向这些投资机构所投资的企业销售Claude开发者的技术。（新浪财经）

36氪获悉，3月12日，2026中国家电及消费电子博览会（AWE 2026）开幕，京东首次携手宇树科技、众擎、云深处、元点智能、镜识科技等多家机器人品牌共同亮相，集结超60款明星机器人产品。期间，京东正式发布“智能机器人产业加速2.0计划”，助力品牌伙伴在2026年内累计实现百亿规模营收。