Repository
live-codes/livecodes agent skills
- skills
- 15
- GitHub stars
- 1.5k
GitHub description: “A Code Playground That Just Works!”
- Stars
- 1,512 (273 forks)
- Licence
- MIT
- Last push
- Oct 2026
- Created
- Jan 2021
- Homepage
- livecodes.io
- javascript
- typescript
- playground
- monaco-editor
- prettier
- code
- programming-languages
- editor
- live
- livecodes
- hacktoberfest
Install all skills
npx skills add live-codes/livecodesAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in live-codes/livecodes, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors. | live-codes/ | 1.5k | — | ~1.6k | Automated safety check: Pass | MIT | today |
| 2 | Configure playground behavior through Config object, query parameters, EmbedOptions, editor settings, processors, external resources, and custom settings. | live-codes/ | 1.5k | — | ~4.5k | Automated safety check: Pass | MIT | today |
| 3 | Configure how the playground is displayed: full, focus, simple, lite, editor, codeblock, and result modes. | live-codes/ | 1.5k | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 4 | Use SDK with React, Vue, Svelte, Solid, Preact, and Web Components. | live-codes/ | 1.5k | — | ~2.8k | Automated safety check: Pass | MIT | today |
| 5 | Quick start for standalone app at livecodes.io, embedding playgrounds with CDN or npm, and self-hosting basics. | live-codes/ | 1.5k | — | ~1.6k | Automated safety check: Pass | MIT | today |
| 6 | Use the "Preview in LiveCodes" GitHub Action to generate preview playground links for pull request code changes. | live-codes/ | 1.5k | — | ~1.8k | Automated safety check: Pass | MIT | today |
| 7 | Run playground without visible UI using SDK methods directly. | live-codes/ | 1.5k | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 8 | Import code from GitHub gists/files/repos, GitLab, URLs, DOM, and local files. | live-codes/ | 1.5k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 9 | Open-source, client-side code playground supporting 90+ languages/frameworks. | live-codes/ | 1.5k | — | ~1.8k | Automated safety check: Pass | MIT | today |
| 10 | Integrate LiveCodes with documentation sites using remark-livecodes, markdown-it-livecodes, gatsby-remark-livecodes, or marked-livecodes for Docusaurus, Astro, VitePress, Next.js, and Storybook. | live-codes/ | 1.5k | — | ~2k | Automated safety check: Pass | MIT | today |
| 11 | Import npm, deno.land/x, jsr, and GitHub modules without build steps using automatic CDN resolution, custom import maps, and CDN provider prefixes. | live-codes/ | 1.5k | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 12 | Create and configure embedded playgrounds using createPlayground(), EmbedOptions, container setup, loading modes (eager/lazy/click), and appUrl for self-hosted instances. | live-codes/ | 1.5k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 13 | 13.SDK Methods Use SDK methods to interact with playgrounds: run, getCode, setConfig, getConfig, watch, runTests, format, getShareUrl, show, destroy. | live-codes/ | 1.5k | — | ~2k | Automated safety check: Pass | MIT | today |
| 14 | 14.Self Hosting Deploy LiveCodes to static servers, GitHub Pages, or Docker. | live-codes/ | 1.5k | — | ~1.3k | Automated safety check: Pass | MIT | today |
| 15 | 15.Testing Write and run automated tests with Jest and Testing Library in the browser. | live-codes/ | 1.5k | — | ~1.9k | Automated safety check: Pass | MIT | today |
Questions, answered from the data.
What is the best skill in live-codes/livecodes?
Language Support from live-codes/livecodes ranks first of the 15 skills in live-codes/livecodes listed here, with the highest score: its repository has 1.5k GitHub stars, its SKILL.md loads about 1.6k tokens and it passes the automated safety check with no findings. Next come Configuration and Display Modes.
Are the skills in live-codes/livecodes official?
None yet. All 15 skills in live-codes/livecodes listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from live-codes/livecodes?
Run npx skills add live-codes/livecodes in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.