Skills
.Work. You
Rest

livecodes/framework-wrappers

Official

Wrap LiveCodes SDK for React, Vue, and friends.

Software Engineering#react#vue#sdk#framework#web-components#wrapper#livecodes
Authorlive-codes
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frameworks require custom integration patterns to embed LiveCodes; this Skill provides framework-specific wrappers to streamline lifecycle, sdkReady access, and prop handling.

Core Features & Use Cases

  • Framework-specific wrappers for React, Vue, Svelte, Solid, Preact, and Web Components that expose a consistent API and lifecycle.
  • SdkReady access and reactive prop patterns to embed LiveCodes with minimal boilerplate and dynamic reconfiguration.
  • Use cases include embedding LiveCodes in multi-framework apps with a single code path and providing a uniform developer experience across frameworks.

Quick Start

Install the framework wrappers for your chosen framework, import the wrapper, mount LiveCodes, and access the sdkReady callback to obtain the Playground instance.

Dependency Matrix

Required Modules

None required

Components

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: livecodes/framework-wrappers
Download link: https://github.com/live-codes/livecodes/archive/main.zip#livecodes-framework-wrappers

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.