codemirror-decoration-builder
CommunityEnhance CodeMirror 6 editor visuals.
AuthorSergeiGolos
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of creating rich visual enhancements within the CodeMirror 6 editor, enabling dynamic previews, syntax highlighting, and structural visualizations directly within the editing interface.
Core Features & Use Cases
- Block-level Previews: Replace unfocused code blocks with rendered previews.
- Syntax Feedback: Highlight errors or specific code elements with distinct styling.
- Structural Visualization: Add indentation guides or relationship markers for better code comprehension.
- Use Case: Implement a feature where WodScript blocks are replaced by their rendered output when not actively being edited, providing immediate visual feedback to the user.
Quick Start
Use the codemirror-decoration-builder skill to apply a 'cm-error-underline' class to a specific text range in the CodeMirror editor.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: codemirror-decoration-builder Download link: https://github.com/SergeiGolos/wod-wiki/archive/main.zip#codemirror-decoration-builder Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.