Pulled ALL skills from 15 source repositories: - anthropics/skills: 16 (docs, design, MCP, testing) - obra/superpowers: 14 (TDD, debugging, agents, planning) - coreyhaines31/marketingskills: 25 (marketing, CRO, SEO, growth) - better-auth/skills: 5 (auth patterns) - vercel-labs/agent-skills: 5 (React, design, Vercel) - antfu/skills: 16 (Vue, Vite, Vitest, pnpm, Turborepo) - Plus 13 individual skills from various repos Mosaic Stack is not limited to coding — the Orchestrator and subagents serve coding, business, design, marketing, writing, logistics, analysis, and more. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
56 lines
865 B
Markdown
56 lines
865 B
Markdown
---
|
|
name: import-snippet
|
|
description: Import code from external files into slides with optional region selection
|
|
---
|
|
|
|
# Import Code Snippets
|
|
|
|
Import code from external files into slides.
|
|
|
|
## Basic Syntax
|
|
|
|
```md
|
|
<<< @/snippets/snippet.js
|
|
```
|
|
|
|
`@` = package root directory. Recommended: place snippets in `@/snippets/`.
|
|
|
|
## Import Region
|
|
|
|
Use VS Code region syntax:
|
|
|
|
```md
|
|
<<< @/snippets/snippet.js#region-name
|
|
```
|
|
|
|
## Specify Language
|
|
|
|
```md
|
|
<<< @/snippets/snippet.js ts
|
|
```
|
|
|
|
## With Features
|
|
|
|
Combine with line highlighting, Monaco editor:
|
|
|
|
```md
|
|
<<< @/snippets/snippet.js {2,3|5}{lines:true}
|
|
<<< @/snippets/snippet.js ts {monaco}{height:200px}
|
|
```
|
|
|
|
## Placeholder
|
|
|
|
Use `{*}` for line highlighting placeholder:
|
|
|
|
```md
|
|
<<< @/snippets/snippet.js {*}{lines:true}
|
|
```
|
|
|
|
## Monaco Write
|
|
|
|
Link editor to file for live editing:
|
|
|
|
```md
|
|
<<< ./some-file.ts {monaco-write}
|
|
```
|