跳到主内容
智客 ZICQ

技能库 智客分类:Agent 工作流 digits-fintech-swiss-template

数字 Fintech 瑞士模板

瑞士-网格花纹技术甲板模板用黑色/暖纸/霓虹石对比. 当用户要求使用带有严格模块化布局的溢价数据层幻灯片,粗体数字卡,受限制的运动,以及键盘/点击在一个HTML文件中导航时使用.

官方网址:GitHub

技能介绍

先看中文介绍;官方 description 原文单独保留,不改写 SKILL.md。

做什么

以黑色/暖相纸/霓虹石对比的瑞士-网格花纹技术甲板模板

何时用

用户使用严格的模块化布局、粗体数字卡、受限运动和键盘/单击导航方式在一个 HTML 文件内请求优先数据层幻灯片

代理如何加载

按 Agent Skills 渐进披露:启动时只加载 name 与 description(约 100 token);任务匹配后才读入整份 SKILL.md 正文;scripts/、references/、assets/ 仅在需要时再读。 本文件正文结构:Digits Fintech Swiss Template、Resource map、Workflow、Output contract。 其中含规范建议的小节:分步指令。

文件分析

文件分析:除 SKILL.md 外,正文引用了 assets/template.html,属于带资源的技能包,这些文件按需再读。

官方 description(原文)

Swiss-grid fintech deck template in black / warm paper / neon-lime contrast. Use when users ask for premium data-story slides with strict modular layout, bold numeric cards, restrained motion, and keyboard/click navigation in one HTML file.

Digits Fintech Swiss TemplateResource mapWorkflowOutput contract

来源分类:GitHub skill

SKILL.md 与 Agent 调用

官方规范 ↗
name
digits-fintech-swiss-template
description
Swiss-grid fintech deck template in black / warm paper / neon-lime contrast. Use when users ask for premium data-story slides with strict modular layout, bold numeric cards, restrained motion, and keyboard/click navigation in one HTML file.
  1. 发现技能客户端向 Agent 提供名称与描述目录。
  2. 匹配与调用用户指定或任务匹配后,载入 SKILL.md 指令。
  3. 按需加载按步骤读取参考文档、使用脚本与素材。
指令中引用的文件 · 1
  • assets/template.html

以下路径提取自原文;文件是否齐全请以来源仓库中的完整目录为准。

具体调用语法与可用工具以目标 Agent 客户端为准。 查看调用机制说明 ↗

安装这个技能

Skills CLI ↗

先选择目标 Agent 和安装范围,保留技能包的附属文件,安装后检查客户端能否发现该技能。

该技能引用了附属文件,请从来源获取完整目录;仅复制 SKILL.md 可能缺少依赖。

交给 Agent 安装

复制安装指令给支持 Agent Skills 的代理,确认其中的目标目录与客户端匹配。

把 Agent Skill「digits-fintech-swiss-template」安装到我的项目:SKILL.md 原文与官方 description 见 https://zicq.com/zh/skills/skl-0c36fdf0e6bbb97d-%E6%95%B0%E5%AD%97-Fintech-%E7%91%9E%E5%A3%AB%E6%A8%A1%E6%9D%BF.html
请存为 .cursor/skills/digits-fintech-swiss-template/SKILL.md 或 .claude/skills/digits-fintech-swiss-template/SKILL.md,frontmatter 的 name 与 description 保持原样,不要改写。
该技能还带 scripts/、references/、assets/ 等文件,请从 https://github.com/nexu-io/open-design/tree/HEAD/skills/digits-fintech-swiss-template 取完整目录,不要只建一个 SKILL.md。

GitHub 完整包 ↗

终端安装 · Skills CLI

需要 Node.js 与 npx。先查看仓库技能列表,确认实际名称。

npx skills add 'https://github.com/nexu-io/open-design/tree/HEAD/skills/digits-fintech-swiss-template' --list

npx skills add 'https://github.com/nexu-io/open-design/tree/HEAD/skills/digits-fintech-swiss-template' --skill 'digits-fintech-swiss-template'

CLI 会交互选择目标 Agent,默认安装到项目;用户级安装使用 -g。先通过查看命令核对仓库内容,再用 npx skills list 检查已安装技能。

阅读排版
--- name: digits-fintech-swiss-template description: | Swiss-grid fintech deck template in black / warm paper / neon-lime contrast. Use when users ask for premium data-story slides with strict modular layout, bold numeric cards, restrained motion, and keyboard/click navigation in one HTML file. triggers: - "swiss fintech template" - "data-driven finance deck" - "neon lime editorial grid" - "high contrast strategy slides" - "数字金融瑞士风模板" od: mode: template surface: video type: hyperframes platform: desktop preview: type: html entry: index.html reload: debounce-100 outputs: primary: index.html secondary: - template.html - example.html example_prompt: "Create a Swiss-grid fintech strategy deck with modular data cards, lime accents, and clean keyboard navigation." capabilities_required: - file_write --- # Digits Fintech Swiss Template A premium three-slide live-artifact template for data-storytelling in a Swiss grid language. ## Resource map ```text digits-fintech-swiss-template/ ├── SKILL.md ├── assets/ │ └── template.html ├── references/ │ └── checklist.md └── example.html ``` ## Workflow 1. Start from `assets/template.html` and keep the three-slide structure intact. 2. Replace copy and metric values while preserving card hierarchy and reading order. 3. Keep interactions: - Prev / Next buttons - keyboard navigation (`ArrowLeft` / `ArrowRight`) - dot navigation 4. Keep motion subtle (slide fade + tiny hover lift only). 5. Keep the file self-contained (inline CSS/JS) with no sandbox-hostile APIs. ## Output contract Emit one concise orientation sentence and then one HTML artifact: ```xml ... ```

相关技能

Agent 工作流

技能创建者Skill Creator

创造有效技能指南。 当用户想创造出新的技能(或更新现有的技能),以专业知识,工作流程,或工具集成来扩展克洛德的能力时,应该使用这种技能.

Agent 工作流

克劳德胡布Clawdhub

使用ClawdHub CLI搜索,安装,更新并发布从taladhub.com的代理技能. 需要获取苍蝇上的新技能时使用,将安装的技能同步到最新版本或特定版本,或者发布 npm-instainddhub CLI 的新/更新的技能文件夹.

Agent 工作流

团队指挥Agent Team Orchestration

管弦乐团多代理团队,任务设定周期,交接协议,审查工作流程. 使用时间: (1)建立2+特派员队伍,具有不同专业,(2)确定任务路线和生命周期(收录框_ spec_建设_审查_完成),(3)在特派员之间制定交接协议,(4)建立审查和质量关口,(5)管理特派员之间的交流和文物共享.

Agent 工作流

超级力量Superpowers

Spec-first,TDD,子代理驱动的软件开发工作流程. 当:(1)构建任何新功能或应用——触发脑暴_计划_子代理执行回路,(2)调试出一个bug或测试失败——触发系统性的根起过程,(3)用户说"让我们构建","帮助我计划","我想添加X",或"这个被打破",(4)完成一个功…