tech-sharing

Technical presentation / talk slides as HTML. Code snippets, diagrams, speaker notes. Use for "tech talk", "tech sharing", "presentation", "developer talk".

SKILL.md

GitHub

Tech Sharing Skill

Produce a technical slide deck.

Slide types

  1. Title: talk name, speaker, date, company.
  2. Agenda: 3–4 sections with time estimates.
  3. Concept: big idea + one-sentence explanation.
  4. Code: syntax-highlighted block, 10–15 lines max per slide.
  5. Diagram: inline SVG architecture/flow diagram.
  6. Data: chart or benchmark table.
  7. Quote: notable quote, large type, attribution.
  8. Summary: 3–5 key takeaways.

Rules

  • Dark theme default (easier on projectors).
  • Code: mono font, line numbers, subtle highlight on current line.
  • Diagrams: inline SVG, consistent color coding.
  • data-df-id on each slide.

Output

Single index.html with slide system (.slide + is-active).