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>
54 lines
877 B
Markdown
54 lines
877 B
Markdown
---
|
|
name: rough-marker
|
|
description: Hand-drawn style highlighting using Rough Notation
|
|
---
|
|
|
|
# Rough Markers
|
|
|
|
Hand-drawn style highlighting using Rough Notation.
|
|
|
|
## v-mark Directive
|
|
|
|
```html
|
|
<span v-mark>Important text</span>
|
|
```
|
|
|
|
## Marker Types
|
|
|
|
```html
|
|
<span v-mark.underline>Underlined</span>
|
|
<span v-mark.circle>Circled</span>
|
|
<span v-mark.highlight>Highlighted</span>
|
|
<span v-mark.strike-through>Struck through</span>
|
|
<span v-mark.box>Boxed</span>
|
|
```
|
|
|
|
## Colors
|
|
|
|
```html
|
|
<span v-mark.red>Red marker</span>
|
|
<span v-mark.blue>Blue marker</span>
|
|
```
|
|
|
|
Custom color:
|
|
```html
|
|
<span v-mark="{ color: '#234' }">Custom color</span>
|
|
```
|
|
|
|
## Click Timing
|
|
|
|
Works like v-click:
|
|
|
|
```html
|
|
<span v-mark="5">Appears on click 5</span>
|
|
<span v-mark="'+1'">Next click</span>
|
|
```
|
|
|
|
## Full Options
|
|
|
|
```html
|
|
<span v-mark="{ at: 5, color: '#234', type: 'circle' }">
|
|
Custom marker
|
|
</span>
|
|
```
|