livecodes/configuration

Configure LiveCodes Playground behavior via Config object, URL parameters, and EmbedOptions.

1.5k|262|Updated Jan 10, 2021
One-click install
npx skills add https://github.com/live-codes/livecodes --skill livecodes-configuration
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: livecodes/configuration
Source: https://github.com/live-codes/livecodes/tree/main/.agents/skills/livecodes/configuration
Command: npx skills add https://github.com/live-codes/livecodes --skill livecodes-configuration

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

LiveCodes Playground configurations are scattered across docs and code, making it hard to consistently bootstrap new projects. This skill consolidates how to apply a Config object, URL parameters, and EmbedOptions to standardize setup and behavior.

Core Features & Use Cases

  • Centralizes project content initialization via a Config object (markup, style, script) and default editor settings.
  • Enables fast customization with query parameters and EmbedOptions to adjust templates, imports, and resources without code changes.
  • Supports external resources (stylesheets, scripts) and CSS processing presets to streamline deployment and previews.

Quick Start

Create a Playground with a custom title, initial markup, and editor settings.

Frequently Asked Questions about livecodes/configuration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure the LiveCodes Playground during project initialization?

To configure the LiveCodes Playground during project initialization, use a Config object to centralize project content like markup, style, and script, alongside default editor and UI settings. This enforces a well-defined Config schema for consistent setup.

Can I customize the LiveCodes editor using URL parameters?

Yes, you can customize the LiveCodes editor using URL parameters. Query parameters enable fast customization to adjust templates, imports, and external resources without requiring code changes to the underlying project.

What is the best way to set up CSS processors in a web playground?

The best way to set up CSS processors in a web playground is using configuration presets. This approach supports external stylesheets and CSS processing presets to streamline deployment and previews within the LiveCodes environment.

How do EmbedOptions work when embedding the LiveCodes Playground?

EmbedOptions work by allowing you to adjust templates, imports, and external resources when embedding the LiveCodes Playground. They are validated alongside editor and UI settings to standardize display customization across external resources.

Does LiveCodes configuration support external stylesheets and scripts?

Yes, LiveCodes configuration supports external stylesheets and scripts. The setup handles external resources directly through the Config object and EmbedOptions to streamline deployment and previews.

Why are my LiveCodes Playground editor settings not applying correctly?

LiveCodes Playground editor settings may not apply correctly if they fail the editor and UI settings validation. The configuration enforces a well-defined Config schema, so any invalid parameters or external resource handling errors will block setup.