neko-slidev

分类: 工具与效率 | 上传者: iridite | 下载: 0 | 版本: v1.0（最新）

使用 neko-style 模板创建专业的 Slidev 演示文稿

更新日志: Source: GitHub https://github.com/iridite/slidev-templates

目录结构

当前层级: tree/main/neko-style/

📁 docs/
- 📄 advanced-components.md 5.8 KB
- 📄 animation-patterns.md 1.4 KB
- 📄 color-system.md 1.8 KB
- 📄 components-guide.md 22.2 KB
- 📄 design-language-airi-2025-10.md 2.5 KB
- 📄 FOR-AI-ASSISTANTS.md 11.1 KB
- 📄 layouts-guide.md 4.4 KB
- 📄 optional-dependencies.md 1.7 KB
- 📄 QUICK-START.md 4.0 KB
📁 starter/
- 📄 package.json 546 B
- 📄 README.md 1.0 KB
- 📄 slides.md 10.7 KB
- 📄 uno.config.ts 810 B
📁 theme/
- 📁 components/
  - 📁 advanced/
    
    📄 AsciinemaPlayer.vue 456 B
    
    📄 README.md 1.3 KB
    
    📄 VMotionExample.vue 389 B
  - 📄 ArtifactExplainBoard.vue 5.2 KB
  - 📄 Background.vue 1.8 KB
  - 📄 CapabilityRevealRow.vue 2.6 KB
  - 📄 ContactQrTriplet.vue 481 B
  - 📄 FeatureOverlayVideo.vue 1.5 KB
  - 📄 FullBleedCharacterReveal.vue 1.3 KB
  - 📄 GlassChecklist.vue 413 B
  - 📄 GlowBackground.vue 6.1 KB
  - 📄 InsightCalloutBar.vue 743 B
  - 📄 LifecycleChallengesThreeCol.vue 1.4 KB
  - 📄 MotionPrinciplesGallery.vue 1.4 KB
  - 📄 PatternCardGrid.vue 858 B
  - 📄 ProblemSolutionSplit.vue 2.6 KB
  - 📄 ProcessFlowGrid.vue 1.8 KB
  - 📄 RecruitingRoleList.vue 714 B
  - 📄 SessionHoverGallery.vue 920 B
  - 📄 SpeakerEcosystemIntro.vue 2.5 KB
  - 📄 SpeakerLineupIntro.vue 3.1 KB
  - 📄 SplitBrandIntro.vue 995 B
  - 📄 SpotlightQuestion.vue 657 B
  - 📄 ThankYouSplitPanel.vue 1.3 KB
  - 📄 WorksOnMyMachineHero.vue 856 B
- 📁 layouts/
  - 📄 center.vue 358 B
  - 📄 contents-toc.vue 2.5 KB
  - 📄 cover.vue 484 B
  - 📄 default.vue 311 B
  - 📄 end.vue 404 B
  - 📄 intro.vue 350 B
  - 📄 page-wide.vue 325 B
  - 📄 page.vue 323 B
  - 📄 section.vue 840 B
- 📁 setup/
  - 📄 main.ts 276 B
  - 📄 shiki.ts 185 B
- 📁 styles/
  - 📄 index.css 4.4 KB
- 📄 global-bottom.vue 528 B
- 📄 package.json 561 B
- 📄 README.md 7.8 KB
📄 README.md 7.8 KB
📄 SKILL.md 2.0 KB
📄 uno.config.ts 1.4 KB

SKILL.md

---
name: neko-slidev
description: 使用 neko-style 模板创建专业的 Slidev 演示文稿
---

你现在拥有使用 neko-style 模板创建专业 Slidev 演示文稿的能力。

## 开始工作

1. 读取 `neko-style/docs/FOR-AI-ASSISTANTS.md` 获取完整使用指南
2. 读取 `neko-style/docs/components-guide.md` 获取所有组件代码
3. 询问用户的演示需求（主题、内容类型、目标受众）
4. 根据内容类型选择合适的组件和配色
5. 生成演示文稿

> ⚠️ 发布状态说明：`slidev-theme-neko-style` 当前未发布到 npm registry。
> 当用户要在已有项目接入时，必须给出“本地路径安装”指令，而不是 `npm install slidev-theme-neko-style`。

## 核心原则

- 直接从 `docs/components-guide.md` 复制代码
- 保持卡片结构不变
- 使用语义化配色（红=问题，绿=解决方案）
- 统一动画时长 500ms
- 每页使用不同的 glowSeed 值

## 迁移到已有项目（必做防错流程）

当不是从 `starter/` 新建，而是迁移到现有 Slidev 项目时，必须执行以下步骤：

1. 在 `slides.md` 顶部 frontmatter 设置：

```yaml
---
theme: neko-style
---
```

2. 做一页最小烟雾测试（不要先改复杂内容）：

```yaml
---
glowSeed: 101
glowPreset: blue
glow: full
glowOpacity: 0.4
---

# Glow Smoke Test
```

3. 检查项目里是否有“会杀死 glow 的全局 CSS”并移除：

```bash
rg -n "\.slidev-layout|background:\s*black|background-color:\s*#000|background-color:\s*black" .
```

4. 明确优先级：
- 若页面设置了 `background:`，会覆盖 glow（这是预期行为）
- 若 `glow: false`，会关闭 glow（这是预期行为）

5. 通过后再批量写页面内容，不要反过来。

## 快速判定（出现黑底无 glow 时）

按顺序排查：
1) `theme: neko-style` 是否生效
2) 是否被全局 CSS 覆盖 `.slidev-layout`
3) 当前页是否写了 `background:`
4) 当前页是否写了 `glow: false`
5) frontmatter YAML 是否正确（`---` 和缩进）

登录后下载/点赞/收藏 ❤ 43 | ★ 0

neko-slidev

目录结构

SKILL.md

举报内容

提示