HN Showcase
Back to browse
GitHub Repository

RotaGuide Spotlight

3 starsTypeScript

RotaGuide Spotlight – Markdown based UI guide system for web apps

by furkankub·Mar 8, 2026·1 point·0 comments
Visit ProjectView on HN

AI Analysis

●●SolidCozy

Markdown-defined tours with spotlight overlays—but Shepherd and Intro.js already own this.

Strengths
  • •Markdown-as-config approach is genuinely friendlier than dashboard-based tour builders
  • •Multi-target spotlighting in one step and theme/i18n overrides show thoughtful API design
  • •Element targeting via data attributes integrates cleanly into React without code churn
Weaknesses
  • •Onboarding/tour libraries are well-established (Shepherd.js, Intro.js, TourGuide); no clear advantage
  • •Only 0 stars and 9 commits; unproven in production; no community yet
Target Audience

React developers building complex apps needing user onboarding or feature walkthroughs

Similar To

Shepherd.js (guided tours) · Intro.js (feature introductions) · TourGuide.js (onboarding framework)

Post Description

Hi HN,

I built a small open-source library called RotaGuide Spotlight.

It helps developers add step-by-step guides to complex web apps by tagging elements and writing the guide in markdown.

You can mark elements like:

guideTarget("save-button")

Then define the guide flow in markdown and trigger it with components like MarkdownGuideButton or MarkdownGuideTrigger.

I’m experimenting with a developer-friendly approach where guides can be versioned as files instead of configured in dashboards.

Would love feedback from frontend developers.

Similar Projects

Developer Tools●●Solid

Drag-and-Drop in the Terminal

Cell-by-cell diff rendering hits O(changed cells) while Ink redraws entire frames.

WizardryNiche Gem
re-marked
201mo ago