[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M72A0VPXF4Q5F48TPDG6S10Q":3,"skill-same:01M72A0VPXF4Q5F48TPDG6S10Q":71},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":51,"commitSha":52,"skillDirectory":5,"forksCount":53,"repositoryHtmlUrl":54,"repositoryHomepageUrl":6,"ownerHtmlUrl":55,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":56,"install":57,"resources":70},"01M72A0VPXF4Q5F48TPDG6S10Q","dev-slides",null,">","claude-office-skills\u002Fskills","claude-office-skills","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F258027507?v=4","01M729XQC9FBRQ54AQZS0KY3ZK","AGI Lab","01M729XQCYW6WF9GY762P9RNQJ",572,"MIT","https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills\u002Fblob\u002Fmain\u002Fdev-slides\u002FSKILL.md",[],[],"2026-11-10 18:39:20",false,"---\n# ═══════════════════════════════════════════════════════════════════════════════\n# CLAUDE OFFICE SKILL - Enhanced Metadata v2.0\n# ═══════════════════════════════════════════════════════════════════════════════\n\n# Basic Information\nname: dev-slides\ndescription: \">\"\nversion: \"1.0\"\nauthor: claude-office-skills\nlicense: MIT\n\n# Categorization\ncategory: presentation\ntags:\n  - developer\n  - slides\n  - slidev\n  - vue\ndepartment: Dev\n\n# AI Model Compatibility\nmodels:\n  recommended:\n    - claude-sonnet-4\n    - claude-opus-4\n  compatible:\n    - claude-3-5-sonnet\n    - gpt-4\n    - gpt-4o\n\n# MCP Tools Integration\nmcp:\n  server: office-mcp\n  tools:\n    - create_pptx\n    - md_to_pptx\n\n# Skill Capabilities\ncapabilities:\n  - developer_presentations\n  - code_slides\n\n# Language Support\nlanguages:\n  - en\n  - zh\n---\n\n# Developer Slides Skill\n\n## Overview\n\nThis skill enables creation of developer-focused presentations using **Slidev** - a Vue-powered presentation framework. Write slides in Markdown with live code demos, diagrams, and components.\n\n## How to Use\n\n1. Describe your technical presentation needs\n2. I'll generate Slidev markdown with proper syntax\n3. Includes code blocks, diagrams, and Vue components\n\n**Example prompts:**\n- \"Create a Vue.js workshop presentation\"\n- \"Build slides with live code execution\"\n- \"Make a technical talk with diagrams\"\n- \"Create developer onboarding slides\"\n\n## Domain Knowledge\n\n### Slidev Basics\n\n```markdown\n---\ntheme: default\ntitle: My Presentation\n---\n\n# Welcome\n\nThis is the first slide\n\n---\n\n# Second Slide\n\nContent here\n```\n\n### Slide Separators\n\n```markdown\n---   # New horizontal slide\n\n---   # Another slide\nlayout: center\n---\n\n# Centered Content\n```\n\n### Layouts\n\n```markdown\n---\nlayout: cover\n---\n# Title Slide\n\n---\nlayout: intro\n---\n# Introduction\n\n---\nlayout: center\n---\n# Centered\n\n---\nlayout: two-cols\n---\n# Left\n::right::\n# Right\n\n---\nlayout: image-right\nimage: .\u002Fimage.png\n---\n# Content with Image\n```\n\n### Code Blocks\n\n```markdown\n# Code Example\n\n\\`\\`\\`ts {all|1|2-3|4}\nconst name = 'Slidev'\nconst greeting = \\`Hello, \\${name}!\\`\nconsole.log(greeting)\n\u002F\u002F Outputs: Hello, Slidev!\n\\`\\`\\`\n\n\u003C!-- Lines highlighted step by step -->\n```\n\n### Monaco Editor (Live Code)\n\n```markdown\n\\`\\`\\`ts {monaco}\n\u002F\u002F Editable code block\nfunction add(a: number, b: number) {\n  return a + b\n}\n\\`\\`\\`\n\n\\`\\`\\`ts {monaco-run}\n\u002F\u002F Runnable code\nconsole.log('Hello from Slidev!')\n\\`\\`\\`\n```\n\n### Diagrams (Mermaid)\n\n```markdown\n\\`\\`\\`mermaid\ngraph LR\n  A[Start] --> B{Decision}\n  B -->|Yes| C[Action 1]\n  B -->|No| D[Action 2]\n\\`\\`\\`\n\n\\`\\`\\`mermaid\nsequenceDiagram\n  Client->>Server: Request\n  Server-->>Client: Response\n\\`\\`\\`\n```\n\n### Vue Components\n\n```markdown\n\u003CCounter :count=\"10\" \u002F>\n\n\u003CTweet id=\"1390115482657726468\" \u002F>\n\n\u003C!-- Custom component -->\n\u003CMyComponent v-click \u002F>\n```\n\n### Animations\n\n```markdown\n\u003Cv-click>\n\nThis appears on click\n\n\u003C\u002Fv-click>\n\n\u003Cv-clicks>\n\n- Item 1\n- Item 2\n- Item 3\n\n\u003C\u002Fv-clicks>\n\n\u003C!-- Or with v-click directive -->\n\u003Cdiv v-click>Animated content\u003C\u002Fdiv>\n```\n\n### Frontmatter\n\n```yaml\n---\ntheme: seriph\nbackground: https:\u002F\u002Fsource.unsplash.com\u002Fcollection\u002F94734566\u002F1920x1080\nclass: text-center\nhighlighter: shiki\nlineNumbers: true\ndrawings:\n  persist: false\ncss: unocss\n---\n```\n\n## Examples\n\n### Example: API Workshop\n```markdown\n---\ntheme: seriph\nbackground: https:\u002F\u002Fsource.unsplash.com\u002Fcollection\u002F94734566\u002F1920x1080\nclass: text-center\n---\n\n# REST API Workshop\n\nBuilding Modern APIs with Node.js\n\n\u003Cdiv class=\"pt-12\">\n  \u003Cspan @click=\"$slidev.nav.next\" class=\"px-2 py-1 rounded cursor-pointer\">\n    Press Space for next page \u003Ccarbon:arrow-right \u002F>\n  \u003C\u002Fspan>\n\u003C\u002Fdiv>\n\n---\nlayout: two-cols\n---\n\n# What We'll Cover\n\n\u003Cv-clicks>\n\n- RESTful principles\n- Express.js basics\n- Authentication\n- Error handling\n- Testing\n\n\u003C\u002Fv-clicks>\n\n::right::\n\n\\`\\`\\`ts\n\u002F\u002F Preview\nconst app = express()\napp.get('\u002Fapi\u002Fusers', getUsers)\napp.listen(3000)\n\\`\\`\\`\n\n---\n\n# Live Demo\n\n\\`\\`\\`ts {monaco-run}\nconst users = [\n  { id: 1, name: 'Alice' },\n  { id: 2, name: 'Bob' }\n]\n\nconsole.log(JSON.stringify(users, null, 2))\n\\`\\`\\`\n\n---\nlayout: center\n---\n\n# Questions?\n\n[GitHub](https:\u002F\u002Fgithub.com) · [Documentation](https:\u002F\u002Fdocs.example.com)\n```\n\n## Installation\n\n```bash\nnpm init slidev@latest\n```\n\n## Resources\n\n- [Slidev Documentation](https:\u002F\u002Fsli.dev\u002F)\n- [GitHub](https:\u002F\u002Fgithub.com\u002Fslidevjs\u002Fslidev)\n- [Themes](https:\u002F\u002Fsli.dev\u002Fthemes\u002Fgallery.html)\n","# Developer Slides Skill\n\n## Overview\n\nThis skill enables creation of developer-focused presentations using **Slidev** - a Vue-powered presentation framework. Write slides in Markdown with live code demos, diagrams, and components.\n\n## How to Use\n\n1. Describe your technical presentation needs\n2. I'll generate Slidev markdown with proper syntax\n3. Includes code blocks, diagrams, and Vue components\n\n**Example prompts:**\n- \"Create a Vue.js workshop presentation\"\n- \"Build slides with live code execution\"\n- \"Make a technical talk with diagrams\"\n- \"Create developer onboarding slides\"\n\n## Domain Knowledge\n\n### Slidev Basics\n\n```markdown\n---\ntheme: default\ntitle: My Presentation\n---\n\n# Welcome\n\nThis is the first slide\n\n---\n\n# Second Slide\n\nContent here\n```\n\n### Slide Separators\n\n```markdown\n---   # New horizontal slide\n\n---   # Another slide\nlayout: center\n---\n\n# Centered Content\n```\n\n### Layouts\n\n```markdown\n---\nlayout: cover\n---\n# Title Slide\n\n---\nlayout: intro\n---\n# Introduction\n\n---\nlayout: center\n---\n# Centered\n\n---\nlayout: two-cols\n---\n# Left\n::right::\n# Right\n\n---\nlayout: image-right\nimage: .\u002Fimage.png\n---\n# Content with Image\n```\n\n### Code Blocks\n\n```markdown\n# Code Example\n\n\\`\\`\\`ts {all|1|2-3|4}\nconst name = 'Slidev'\nconst greeting = \\`Hello, \\${name}!\\`\nconsole.log(greeting)\n\u002F\u002F Outputs: Hello, Slidev!\n\\`\\`\\`\n\n\u003C!-- Lines highlighted step by step -->\n```\n\n### Monaco Editor (Live Code)\n\n```markdown\n\\`\\`\\`ts {monaco}\n\u002F\u002F Editable code block\nfunction add(a: number, b: number) {\n  return a + b\n}\n\\`\\`\\`\n\n\\`\\`\\`ts {monaco-run}\n\u002F\u002F Runnable code\nconsole.log('Hello from Slidev!')\n\\`\\`\\`\n```\n\n### Diagrams (Mermaid)\n\n```markdown\n\\`\\`\\`mermaid\ngraph LR\n  A[Start] --> B{Decision}\n  B -->|Yes| C[Action 1]\n  B -->|No| D[Action 2]\n\\`\\`\\`\n\n\\`\\`\\`mermaid\nsequenceDiagram\n  Client->>Server: Request\n  Server-->>Client: Response\n\\`\\`\\`\n```\n\n### Vue Components\n\n```markdown\n\u003CCounter :count=\"10\" \u002F>\n\n\u003CTweet id=\"1390115482657726468\" \u002F>\n\n\u003C!-- Custom component -->\n\u003CMyComponent v-click \u002F>\n```\n\n### Animations\n\n```markdown\n\u003Cv-click>\n\nThis appears on click\n\n\u003C\u002Fv-click>\n\n\u003Cv-clicks>\n\n- Item 1\n- Item 2\n- Item 3\n\n\u003C\u002Fv-clicks>\n\n\u003C!-- Or with v-click directive -->\n\u003Cdiv v-click>Animated content\u003C\u002Fdiv>\n```\n\n### Frontmatter\n\n```yaml\n---\ntheme: seriph\nbackground: https:\u002F\u002Fsource.unsplash.com\u002Fcollection\u002F94734566\u002F1920x1080\nclass: text-center\nhighlighter: shiki\nlineNumbers: true\ndrawings:\n  persist: false\ncss: unocss\n---\n```\n\n## Examples\n\n### Example: API Workshop\n```markdown\n---\ntheme: seriph\nbackground: https:\u002F\u002Fsource.unsplash.com\u002Fcollection\u002F94734566\u002F1920x1080\nclass: text-center\n---\n\n# REST API Workshop\n\nBuilding Modern APIs with Node.js\n\n\u003Cdiv class=\"pt-12\">\n  \u003Cspan @click=\"$slidev.nav.next\" class=\"px-2 py-1 rounded cursor-pointer\">\n    Press Space for next page \u003Ccarbon:arrow-right \u002F>\n  \u003C\u002Fspan>\n\u003C\u002Fdiv>\n\n---\nlayout: two-cols\n---\n\n# What We'll Cover\n\n\u003Cv-clicks>\n\n- RESTful principles\n- Express.js basics\n- Authentication\n- Error handling\n- Testing\n\n\u003C\u002Fv-clicks>\n\n::right::\n\n\\`\\`\\`ts\n\u002F\u002F Preview\nconst app = express()\napp.get('\u002Fapi\u002Fusers', getUsers)\napp.listen(3000)\n\\`\\`\\`\n\n---\n\n# Live Demo\n\n\\`\\`\\`ts {monaco-run}\nconst users = [\n  { id: 1, name: 'Alice' },\n  { id: 2, name: 'Bob' }\n]\n\nconsole.log(JSON.stringify(users, null, 2))\n\\`\\`\\`\n\n---\nlayout: center\n---\n\n# Questions?\n\n[GitHub](https:\u002F\u002Fgithub.com) · [Documentation](https:\u002F\u002Fdocs.example.com)\n```\n\n## Installation\n\n```bash\nnpm init slidev@latest\n```\n\n## Resources\n\n- [Slidev Documentation](https:\u002F\u002Fsli.dev\u002F)\n- [GitHub](https:\u002F\u002Fgithub.com\u002Fslidevjs\u002Fslidev)\n- [Themes](https:\u002F\u002Fsli.dev\u002Fthemes\u002Fgallery.html)\n",{"mcp":24,"name":5,"tags":29,"author":9,"models":34,"license":15,"version":42,"category":43,"languages":44,"department":47,"description":7,"capabilities":48},{"tools":25,"server":28},[26,27],"create_pptx","md_to_pptx","office-mcp",[30,31,32,33],"developer","slides","slidev","vue",{"compatible":35,"recommended":39},[36,37,38],"claude-3-5-sonnet","gpt-4","gpt-4o",[40,41],"claude-sonnet-4","claude-opus-4","1.0","presentation",[45,46],"en","zh","Dev",[49,50],"developer_presentations","code_slides","main","9c4c7d5cd2813a8936bf2c9fdb174ea883b85a11",101,"https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills","https:\u002F\u002Fgithub.com\u002Fclaude-office-skills","2026-01-31 22:03:56",{"source":8,"skillName":5,"commands":58,"prompt":68,"zipAvailable":69},[59,62,65],{"tool":60,"command":61},"npx","npx skills add claude-office-skills\u002Fskills --skill dev-slides",{"tool":63,"command":64},"bunx","bunx skills add claude-office-skills\u002Fskills --skill dev-slides",{"tool":66,"command":67},"pnpm","pnpm dlx skills add claude-office-skills\u002Fskills --skill dev-slides","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills\u002Fblob\u002Fmain\u002Fdev-slides\u002FSKILL.md",true,[],[72,79,86,93,100,107],{"skillNo":73,"name":74,"nameZh":6,"description":75,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":76,"categories":77,"keywords":78,"publishedAt":19},"01M72A0X7X4TWS4ZWTEK8TJEC8","devops-automation","DevOps and IT Ops automation - CI\u002FCD, monitoring, incident management, and infrastructure workflows","https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills\u002Fblob\u002Fmain\u002Fdevops-automation\u002FSKILL.md",[],[],{"skillNo":80,"name":81,"nameZh":6,"description":82,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":85,"publishedAt":19},"01M72A0Q1T0KN60CR3PAD93J6T","deep-research","Conduct comprehensive research on any topic. Synthesize information from multiple angles, provide structured analysis, and generate detailed research reports.","https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills\u002Fblob\u002Fmain\u002Fdeep-research\u002FSKILL.md",[],[],{"skillNo":87,"name":88,"nameZh":6,"description":89,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":90,"categories":91,"keywords":92,"publishedAt":19},"01M72A0KWAYEWQJMDRGC0WTT7V","dcf-valuation","Build Discounted Cash Flow (DCF) valuation models. Calculate intrinsic value with customizable assumptions. Generate professional valuation reports.","https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills\u002Fblob\u002Fmain\u002Fdcf-valuation\u002FSKILL.md",[],[],{"skillNo":94,"name":95,"nameZh":6,"description":96,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":97,"categories":98,"keywords":99,"publishedAt":19},"01M72A0GVWRZ3HZNXMW3RB5CF9","Database Sync","Automate database synchronization, replication, migration, and cross-platform data integration","https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills\u002Fblob\u002Fmain\u002Fdatabase-sync\u002FSKILL.md",[],[],{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":106,"publishedAt":19},"01M72A0E16K862EDP0QYEAC9HJ","data-pipeline","Data pipeline and ETL automation - extract, transform, load workflows for data integration and analytics","https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills\u002Fblob\u002Fmain\u002Fdata-pipeline\u002FSKILL.md",[],[],{"skillNo":108,"name":109,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":112,"publishedAt":19},"01M72A0C2RFFHEDT9W5PV5QASN","data-extractor","https:\u002F\u002Fgithub.com\u002Fclaude-office-skills\u002Fskills\u002Fblob\u002Fmain\u002Fdata-extractor\u002FSKILL.md",[],[]]