Markdown Converter
Agent skill for markdown-converter
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
Sign in to like and favorite skills
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
This is a Slidev presentation project for a technical debt presentation using the Neversink theme. Slidev is a slide presentation framework that uses Markdown to create slides with Vue.js components and modern web technologies. The project uses the Neversink theme which provides educational and academic presentation layouts with bright, flat, minimal design.
Install dependencies:
pnpm install
Start development server:
pnpm dev
Opens the presentation at http://localhost:3030 with live reload and presenter mode.
Build for production:
pnpm run build
Outputs static files to
dist/ directory for deployment.
Export presentation:
pnpm run export
Exports slides to PDF or other formats.
slides.md to create your presentation content---slides.mdneversink theme with color: pink settingslides.md - Main presentation content and configurationcomponents/ - Custom Vue components for slides (Counter.vue example included)snippets/ - TypeScript code examples that can be imported into slidescover - Title slide with optional note slotintro - Simple introduction layoutdefault - Basic content layoutsection - Section divider slidesquote - Quote slides with author attributionfull - Full-screen layout for custom arrangementstwo-cols-title - Two-column layout with titletop-title - Title at top with content belowtop-title-two-cols - Top title with two-column contentside-title - Side title with main content areaimage-left/right - Image layoutsiframe-left/right - Embedded website layoutscredits - Movie-style scrolling creditsExtensive color options including:
black, white, dark, light, slate, gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, pink, rose, fuchsia, navy
Each color has
-light variants (e.g., pink-light, sky-light)
<StickyNote> - Draggable sticky notes with customizable colors<SpeechBubble> - Speech bubbles with different positions and animations<Admonition> - Call-out boxes with titles and color schemes<AdmonitionType> - Pre-styled admonitions (note, tip, warning, etc.)<QRCode> - QR code generation<IceCream>, <BackPack>, <Cat>, <Browser>, <Mug>, etc.v-click, v-motion)v-drag)Most layouts support frontmatter options:
color - Color scheme (e.g., pink, sky-light, navy)align - Alignment settings (e.g., l-lt-lt for left-left-top-left-top)columns - Column width settings (e.g., is-6 for 6/12 column width)titlewidth - Title section width for side layoutsside - Side positioning (l or r for left/right)--- layout: side-title color: emerald-light align: rm-lm titlewidth: is-3 side: l ---
Configured for Netlify deployment with Node.js 20. Also supports Vercel deployment via
vercel.json.