Initial commit: Hermes Agent skills collection

- Trading skills (OKX, dividend, lottery, quantitative) - Creative skills (ASCII art, diagrams, video) - Development skills (GitHub, debugging, TDD) - Research skills (arXiv, blog monitoring) - Productivity skills (email, documents, notes) - MCP integration skills - Custom user skills
2026-07-05 02:31:15 -04:00
commit 6770bc9b9d
908 changed files with 239614 additions and 0 deletions
@@ -0,0 +1,116 @@
+# 设计规范详细文档
+
+## 背景效果
+
+### 主背景
+- 主色：#000000 或 #0a0a0a
+- 深色渐变底色
+
+### 动态光斑（必须包含）
+每页必须包含 1~3 个模糊光斑：
+
+```css
+.light-spot {
+  position: absolute;
+  width: 300px;
+  height: 300px;
+  border-radius: 50%;
+  filter: blur(100px);
+  opacity: 0.3;
+  animation: float 20s ease-in-out infinite;
+}
+
+.light-spot-1 { background: #3b82f6; }  /* 蓝色 */
+.light-spot-2 { background: #8b5cf6; }  /* 紫色 */
+.light-spot-3 { background: #06b6d4; }  /* 青色 */
+
+@keyframes float {
+  0%, 100% { transform: translate(0, 0); }
+  25% { transform: translate(50px, -30px); }
+  50% { transform: translate(-30px, 50px); }
+  75% { transform: translate(-50px, -20px); }
+}
+```
+
+## 字体加载（国内CDN）
+
+```html
+<!-- HarmonyOS Sans SC -->
+<link href="https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" rel="stylesheet">
+
+<!-- 思源黑体备选 -->
+<link href="https://fonts.loli.net/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap" rel="stylesheet">
+
+<!-- Inter 英文字体 -->
+<link href="https://fonts.loli.net/css2?family=Inter:wght@300;400;700;900&display=swap" rel="stylesheet">
+```
+
+## 排版层级
+
+```css
+/* H1 超大标题 */
+.slide-title {
+  font-size: 3rem;      /* 48px */
+  font-weight: 900;     /* font-black */
+  line-height: 1.2;
+  color: #ffffff;
+}
+
+/* H2 副标题 */
+.slide-subtitle {
+  font-size: 1.5rem;    /* 24px */
+  font-weight: 700;     /* font-bold */
+  color: #ffffff;
+}
+
+/* P 说明文字 */
+.slide-text {
+  font-size: 1.125rem;  /* 18px */
+  font-weight: 300;     /* font-light */
+  color: #9ca3af;
+}
+```
+
+## 间距规范
+
+- 元素间距：space-y-8 以上（32px+）
+- 页面内边距：p-8 或 p-12
+- 内容居中：flex items-center justify-center
+
+## 页面容器
+
+```css
+.slide {
+  width: 100%;
+  height: 100vh;
+  aspect-ratio: 9/16;
+  max-width: 450px;      /* 竖屏限制 */
+  margin: 0 auto;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+}
+```
+
+## 切换动画
+
+```css
+.slide {
+  opacity: 0;
+  transform: translateX(100%);
+  transition: all 0.5s ease-out;
+}
+
+.slide.active {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.slide.prev {
+  transform: translateX(-100%);
+}
+```
@@ -0,0 +1,184 @@
+# 幻灯片页面类型
+
+## 1. 封面页
+
+用于演示开场。
+
+**结构：**
+- 超大主标题（font-black，居中）
+- 副标语（font-light，灰色）
+- 系列标识/Logo（可选）
+
+**示例：**
+```html
+<div class="slide cover">
+  <h1 class="text-5xl font-black text-white mb-6">重新定义效率</h1>
+  <p class="text-xl font-light text-gray-400">AI时代的工作方式</p>
+</div>
+```
+
+---
+
+## 2. 标题冲击页
+
+用于章节开始或重点强调。
+
+**结构：**
+- 单行/双行大标题
+- 几乎无正文（最多一行辅助文字）
+
+**示例：**
+```html
+<div class="slide impact">
+  <h1 class="text-4xl font-black text-white text-center">
+    不是更努力<br>而是更聪明
+  </h1>
+</div>
+```
+
+---
+
+## 3. 金句强调页
+
+用于引用、名言、核心观点。
+
+**结构：**
+- 大引号装饰
+- 金句内容（font-bold）
+- 来源/出处（font-light，灰色）
+
+**示例：**
+```html
+<div class="slide quote">
+  <span class="text-6xl text-gray-600">"</span>
+  <p class="text-2xl font-bold text-white my-6">
+    简单比复杂更难
+  </p>
+  <span class="text-lg font-light text-gray-500">— Steve Jobs</span>
+</div>
+```
+
+---
+
+## 4. 步骤说明页
+
+用于流程、方法、操作指南。
+
+**结构：**
+- 动词型大标题
+- 简洁说明（1-2行）
+- 可选：步骤编号
+
+**示例：**
+```html
+<div class="slide step">
+  <span class="text-6xl font-black text-blue-500 mb-4">01</span>
+  <h2 class="text-3xl font-bold text-white mb-4">明确目标</h2>
+  <p class="text-lg font-light text-gray-400">
+    先问自己：这件事最重要的结果是什么？
+  </p>
+</div>
+```
+
+---
+
+## 5. 对比页
+
+用于展示变化、差异、前后对比。
+
+**结构：**
+- 左右或上下分栏
+- 对比元素使用不同颜色标识
+- 简洁文字说明
+
+**示例：**
+```html
+<div class="slide compare">
+  <div class="text-center mb-8">
+    <span class="text-red-400 line-through text-xl">传统方式</span>
+  </div>
+  <div class="text-center">
+    <span class="text-green-400 text-3xl font-bold">全新体验</span>
+  </div>
+</div>
+```
+
+---
+
+## 6. 数据展示页
+
+用于关键数字、统计、成果。
+
+**结构：**
+- 超大数字（font-black）
+- 单位/说明（font-light）
+- 简短解释
+
+**示例：**
+```html
+<div class="slide data">
+  <span class="text-7xl font-black text-white">10x</span>
+  <p class="text-xl font-light text-gray-400 mt-4">效率提升</p>
+</div>
+```
+
+---
+
+## 7. 列表页
+
+用于多点说明，但必须保持极简。
+
+**结构：**
+- 标题
+- 3-5 个要点（不能更多）
+- 每个要点 ≤10 字
+
+**示例：**
+```html
+<div class="slide list">
+  <h2 class="text-2xl font-bold text-white mb-8">三个原则</h2>
+  <ul class="space-y-6 text-xl">
+    <li class="text-gray-300">• 少即是多</li>
+    <li class="text-gray-300">• 专注核心</li>
+    <li class="text-gray-300">• 持续迭代</li>
+  </ul>
+</div>
+```
+
+---
+
+## 8. 结尾行动页
+
+用于演示结束，呼吁行动。
+
+**结构：**
+- 总结金句
+- 行动号召（CTA）
+- 联系方式/二维码（可选）
+
+**示例：**
+```html
+<div class="slide ending">
+  <h1 class="text-3xl font-bold text-white mb-8">
+    现在就开始改变
+  </h1>
+  <p class="text-xl font-light text-gray-400">
+    扫码获取更多信息
+  </p>
+</div>
+```
+
+---
+
+## 页面选择指南
+
+| 内容类型 | 推荐页面类型 |
+|---------|-------------|
+| 演示开场 | 封面页 |
+| 章节分隔 | 标题冲击页 |
+| 核心观点 | 金句强调页 |
+| 操作步骤 | 步骤说明页 |
+| 前后对比 | 对比页 |
+| 关键数据 | 数据展示页 |
+| 多点说明 | 列表页（≤5点）|
+| 演示结束 | 结尾行动页 |