f5792c40be
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>
65 lines
903 B
Markdown
65 lines
903 B
Markdown
---
|
|
name: code-groups
|
|
description: Group multiple code blocks with tabs and automatic icons
|
|
---
|
|
|
|
# Code Groups
|
|
|
|
Group multiple code blocks with tabs and automatic icons.
|
|
|
|
## Requirements
|
|
|
|
Enable MDC syntax in headmatter:
|
|
|
|
```md
|
|
---
|
|
mdc: true
|
|
---
|
|
```
|
|
|
|
## Syntax
|
|
|
|
````md
|
|
::code-group
|
|
|
|
```sh [npm]
|
|
npm i @slidev/cli
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add @slidev/cli
|
|
```
|
|
|
|
```sh [pnpm]
|
|
pnpm add @slidev/cli
|
|
```
|
|
|
|
::
|
|
````
|
|
|
|
## Title Icon Matching
|
|
|
|
Icons auto-match by title name. Install `@iconify-json/vscode-icons` for built-in icons.
|
|
|
|
Supported: npm, yarn, pnpm, bun, deno, vue, react, typescript, javascript, and many more.
|
|
|
|
## Custom Icons
|
|
|
|
Use `~icon~` syntax in title:
|
|
|
|
````md
|
|
```js [npm ~i-uil:github~]
|
|
console.log('Hello!')
|
|
```
|
|
````
|
|
|
|
Requires:
|
|
1. Install icon collection: `pnpm add @iconify-json/uil`
|
|
2. Add to safelist in `uno.config.ts`:
|
|
|
|
```ts
|
|
export default defineConfig({
|
|
safelist: ['i-uil:github']
|
|
})
|
|
```
|