open-slide Best Practices
Verified90/100Best practices for authoring presentations with open-slide: the fixed 1920×1080 canvas, the slides/<id>/index.tsx file contract, type scale, DesignSystem tokens, the themes/ system, @slide-comment inspector markers, and Hebrew text rendering with full RTL support. Covers Hebrew Google Fonts (Heebo, Rubik, Assistant, Noto Sans Hebrew), logical CSS properties (paddingInlineStart over paddingLeft), bidirectional Hebrew+English text with <bdi>, Hebrew-aware type scale tuning, and RTL-friendly themes. Use whenever you are writing or editing code under slides/<id>/ in an open-slide project, or building a Hebrew or bilingual deck on the framework. Do NOT use for video creation (use remotion-best-practices or hyperframes-best-practices), or for generic Hebrew presentations outside open-slide (use presentation-generator).
Trust score 90/100 (Verified) · 3 GitHub contributors · MIT license
open-slide ships a typed React canvas, themes, an inspector, and 5 built-in skills, none of which mention RTL or Hebrew. Out of the box, decks render left-aligned, system-font only, with paddingLeft fighting Hebrew reading order. Israeli developers waste hours retrofitting RTL, loading Hebrew Google Fonts, and discovering that the upstream 140-200px hero scale cramps in Heebo at the same size.
skills-ilnpx skills-il add skills-il/developer-tools@v1.1.1-open-slide-best-practices --skill open-slide-best-practices -a claude-codeInstall on Claude.ai, Claude Desktop, ChatGPT, Manus, or other platforms
- 1. Click "Download ZIP" to download the skill files.
- 2. Open Claude Desktop and go to Customize > Skills.
- 3. Click "+" and select "Upload a skill", then upload the ZIP file.
- 4. Start a new conversation. The skill will activate automatically when relevant.
When to Apply
- When opening an open-slide project to build a Hebrew or bilingual deck
- When adapting an upstream open-slide template from English to Hebrew RTL
- When authoring themes/[id].md and you need it to read right-to-left
- When the inspector left @slide-comment markers and you are processing them
- When the user says 'fix this page' and you need to resolve the deictic reference via current.json
Try These Prompts
Create an open-slide cover for a deck about: ___ . Full Hebrew, agentskills.co.il palette (cream + Israeli Blue), Heebo font, single-line hero.
This slide is written in LTR. Adapt it to full Hebrew: dir='rtl' on the page root, replace every paddingLeft with paddingInlineStart, load Heebo, bump the hero by 15%.
Write themes/dark-il.md following the open-slide convention: dark palette, Heebo font, paste-ready Title and Footer components using only logical CSS.
Process every @slide-comment marker in slides/[id]/index.tsx, apply the edits in reverse line order, and delete each marker after applying it.
Frequently Asked Questions
Related Skills
Author: skills-ilHebrew override layer on top of browser-use/video-use. Two paths: (1) captions-only.sh, one command that takes a long video, transcribes via Scribe, and burns Hebrew captions on the original. Costs $1-3 regardless of video length, the cheap path for non-technical users with a webinar or lecture. (2) The full video-use cut workflow for editing raw footage into curated teasers, ~$25-300 depending on length. Also covers SUB_FORCE_STYLE override (Helvetica has no Hebrew glyphs), python-bidi pre-shape recipe (libass+SRT BiDi is silently broken on macOS), Scribe garbage-character sanitization (Devanagari and other non-Hebrew chars Scribe mixes into Hebrew transcripts), Hebrew filler-word lexicon, explicit fontsdir= for reliable font discovery, and frame-sampling self-eval protocol. Use for any Hebrew video that needs captions or editing with video-use. Do NOT use for non-Hebrew video-use sessions, Hebrew podcast audio-only post-production (use hebrew-podcast-postproduction), or generic FFmpeg work without video-use.
Author: skills-ilAnalyze and optimize Hebrew chatbot performance with conversation flow analytics, Hebrew sentiment analysis, drop-off detection, user satisfaction scoring, A/B testing for response variants, and reporting dashboards.
Author: skills-ilCompare cloud hosting costs for Israeli startups and developers across AWS (il-central-1), Azure, GCP (me-west1), and Israeli providers like Kamatera. Use when the user needs to evaluate cloud pricing with Israel-specific considerations including data residency requirements, latency from Tel Aviv, NIS billing options, startup credit programs, and FinOps cost optimization strategies. Do NOT use for comparing on-premise hosting, colocation services, or non-cloud SaaS pricing.
Use at your own risk. Terms of Use · Security
Want to build your own skill? Try the Skill Creator · Submit a Skill