Not in the top 1,000 by GitHub stars
Light0305/Light-UI-UX
UI/UX design skill for AI coding agents. Build and refine websites, apps, and components.
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 8a75211d857e
No earlier version was observed for comparison.
4GitHub stars
Not availablestars in 7 days
1skill in this repository
5commits in 30 days
Heat
Insufficient historyNot enough history yet to measure heat. It appears after a few days of data.
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
30-day change not yet available: not enough history.
Individual skills in this repository
How it works
light-ui-ux
When your agent uses it
Next-generation full-stack UI/UX design & engineering system powered by a 59,000-record local SQLite FTS5 arsenal (`assets/light-arsenal.db`). Use whenever creating new web/mobile/desktop interfaces from 0 to 1, polishing or redesigning existing UIs to eliminate AI slop, crafting high-precision interactive components or WebGL/GSAP motion, generating/blending visual media, or transpiling UI across React/Next.js/shadcn, Vue/Nuxt, Vanilla HTML/CSS/JS, React Native/Expo, SwiftUI, and Flutter.
What it loads into context
Frontmatter
127 tokensAlways available to the agent
SKILL.md
4,314 tokensWhen the skill is activated
Reference documents
28,361 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 0. Non-Negotiable Pre-Flight Discipline (Read Before Writing Any Code)
- 1. Dual-Axis Intent Expander (Visitor Mode × Target Platform)
- 2. Four-Scenario Execution Router
- 3. Progressive Disclosure Reference Manuals & CLI Tools
Scripts executed separately
scripts/arsenal.pyscripts/build_arsenal.pyscripts/inspect_ui.pyscripts/media_gen.pyscripts/package_release.pyscripts/style_explorer.py
Files
.gitattributesasset84 bytes.gitignoreasset431 bytes.light-ui-ux.example.jsonasset152 bytesLICENSEasset1,081 bytesREADME.mddoc7,681 bytesREADME.zh-CN.mddoc7,125 bytesSKILL.mdcore17,064 bytesSKILL.mdcore17,064 bytesSKILL.mdcore17,064 bytesSKILL.mdcore17,064 bytesTHIRD_PARTY_NOTICES.mddoc4,773 bytesassets/light-arsenal.dbasset49,061,888 bytesdocs/assets/logo-dark.svgasset470 bytesdocs/assets/logo-light.svgasset470 bytesdocs/assets/showcase/meltday.webpasset85,256 bytesdocs/assets/showcase/noct.webpasset85,590 bytesdocs/assets/showcase/rift.webpasset112,930 bytesdocs/assets/showcase/veylo.webpasset81,818 bytesdocs/assets/wechat-donation.jpgasset63,782 bytesdocs/assets/wechat-official-account.jpgasset39,506 bytesdocs/image-api.en.mddoc2,735 bytesdocs/image-api.zh-CN.mddoc2,648 bytesdocs/prompts/meltday.mddoc760 bytesdocs/prompts/noct.mddoc739 bytesdocs/prompts/rift.mddoc729 bytesdocs/prompts/veylo.mddoc760 byteslicenses/components/amicro.txtdoc1,127 byteslicenses/components/animata.txtdoc1,129 byteslicenses/components/beautifului.txtdoc13,778 byteslicenses/components/bencho.txtdoc5,323 byteslicenses/components/bundui.txtdoc1,063 byteslicenses/components/codepen.txtdoc51,833 byteslicenses/components/cult-ui.txtdoc1,133 byteslicenses/components/gsap.txtdoc51,833 byteslicenses/components/libraries.txtdoc3,202 byteslicenses/components/liquid-glass.txtdoc1,118 byteslicenses/components/orb.txtdoc1,099 byteslicenses/icons/bootstrap.txtdoc1,093 byteslicenses/icons/heroicons.txtdoc1,071 byteslicenses/icons/hugeicons.txtdoc1,066 byteslicenses/icons/iconoir.txtdoc1,068 byteslicenses/icons/phosphor.txtdoc1,071 byteslicenses/icons/solar.txtdoc18,953 byteslicenses/icons/tabler.txtdoc1,073 byteslicenses/methods/ai-design-skills-LICENSEasset1,062 byteslicenses/methods/gsap-skills-LICENSEasset1,066 byteslicenses/methods/impeccable-LICENSEasset10,766 byteslicenses/methods/impeccable-NOTICE.mddoc503 byteslicenses/methods/ip-as-logo-LICENSEasset1,064 byteslicenses/methods/open-design-LICENSEasset11,296 byteslicenses/methods/taste-skill-LICENSEasset1,065 byteslicenses/methods/ui-ux-pro-max-LICENSEasset1,075 bytesreferences/01-benchmark-selection.mddoc12,052 bytesreferences/02-anti-ai-slop-gates.mddoc13,552 bytesreferences/03-typography-and-color.mddoc8,796 bytesreferences/04-motion-and-components.mddoc11,543 bytesreferences/05-media-and-imagegen.mddoc8,936 bytesreferences/06-polish-and-redesign.mddoc9,471 bytesreferences/07-visual-blind-review.mddoc9,022 bytesreferences/08-blind-reviewer-rubric.mddoc6,403 bytesscripts/arsenal.pyruns31,534 bytesscripts/build_arsenal.pyruns57,583 bytesscripts/inspect_ui.pyruns23,379 bytesscripts/media_gen.pyruns28,802 bytesscripts/package_release.pyruns3,110 bytesscripts/style_explorer.pyruns30,807 bytes
Read SKILL.md
# Light-UI-UX — Full-Stack Design & Engineering Orchestrator
You are operating **Light-UI-UX**, an evidence-driven UI/UX design and engineering system backed by a local zero-dependency SQLite FTS5 arsenal ([`assets/light-arsenal.db`](assets/light-arsenal.db), queried via [`scripts/arsenal.py`](scripts/arsenal.py)) containing **1,544 real-world website & award specs**, **1,140 interactive component references** (876 with source; 264 upstream links), **660 motion prompts & recipes**, **33,253 compliant vector SVGs**, **16 standalone WebGL2/Three.js shader stages**, **152 brand `DESIGN.md` systems**, **413 industry reasoning profiles**, and **1,395 cross-stack engineering rules**.
---
## 0. Non-Negotiable Pre-Flight Discipline (Read Before Writing Any Code)
1. **Never Design From Memory Alone — Query the Local Arsenal First**:
Before proposing directions, picking colors/fonts, or coding components/icons, run `python scripts/arsenal.py` to ground your work in real-world benchmarks and available source code and upstream references:
```bash
# 1. Industry token & anti-pattern deduction (192 industries)
python scripts/arsenal.py industry "<domain_keyword>"
# 2. Retrieve 3 real-world website benchmark specs (1,544 sites)Skills included
- light-ui-ux
Repository facts
- License
- MIT
- Created
- Nov 3, 2026
- Last pushed
- Nov 6, 2026
- Forks
- 1
- Open issues
- 0
- Project activity
- Active
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 6, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 20 notes
SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedSKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedSKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedassets/light-arsenal.db:1Analysis incomplete: Blob exceeds size or total-read limit; file skippedlicenses/components/beautifului.txt:23Analysis incomplete: physical or joined line exceeds character limitlicenses/components/beautifului.txt:21Analysis incomplete: physical or joined line exceeds character limitlicenses/components/codepen.txt:30Analysis incomplete: physical or joined line exceeds character limitlicenses/components/codepen.txt:28Analysis incomplete: physical or joined line exceeds character limitlicenses/components/codepen.txt:36Analysis incomplete: physical or joined line exceeds character limitlicenses/components/codepen.txt:35Analysis incomplete: physical or joined line exceeds character limitlicenses/components/codepen.txt:298Analysis incomplete: physical or joined line exceeds character limitlicenses/components/codepen.txt:296Analysis incomplete: physical or joined line exceeds character limitlicenses/components/codepen.txt:297Analysis incomplete: physical or joined line exceeds character limitlicenses/components/gsap.txt:30Analysis incomplete: physical or joined line exceeds character limitlicenses/components/gsap.txt:28Analysis incomplete: physical or joined line exceeds character limitlicenses/components/gsap.txt:36Analysis incomplete: physical or joined line exceeds character limitlicenses/components/gsap.txt:35Analysis incomplete: physical or joined line exceeds character limitlicenses/components/gsap.txt:298Analysis incomplete: physical or joined line exceeds character limitlicenses/components/gsap.txt:296Analysis incomplete: physical or joined line exceeds character limitlicenses/components/gsap.txt:297Analysis incomplete: physical or joined line exceeds character limit
- No broad tool permissions
- No dangerous shell commands
- 437 network referencesin 20 files: licenses/components/codepen.txt:10 licenses/components/gsap.txt:10 scripts/media_gen.py:238 and 17 more
- 1 obfuscation signalin 1 file: scripts/media_gen.py:273
- No instruction overrides
- 6 executable scriptsin 6 files: scripts/arsenal.py:1 scripts/build_arsenal.py:1 scripts/inspect_ui.py:1 and 3 more
- 36 references to secretsin 10 files: scripts/media_gen.py:72 docs/image-api.en.md:20 docs/image-api.zh-CN.md:20 and 7 more
- No requests to vote in Hot
Show all 480 signals by file
.gitignore
- Access to secretsline 15
[Credential-related source omitted]
.light-ui-ux.example.json
README.md
- Network accessline 12
<p align="center"> <a href="https://github.com/Light0305/Light-UI-UX/releases"><img src="https://img.shields.io/github/v/release/Light0305/Light-UI-UX?style=flat&color=3358ec&cacheSeconds=300" alt="Release"></a> - Network accessline 13
<a href="https://github.com/Light0305/Light-UI-UX/releases"><img src="https://img.shields.io/github/v/release/Light0305/Light-UI-UX?style=flat&color=3358ec&cacheSeconds=300" alt="Release"></a> - Network accessline 14
<a href="LICENSE"><img src="https://img.shields.io/badge/License-MIT-202126?style=flat" alt="MIT License"></a> - Network accessline 15
<a href="https://github.com/Light0305/Light-UI-UX/stargazers"><img src="https://img.shields.io/github/stars/Light0305/Light-UI-UX?style=flat&color=202126" alt="GitHub Stars"></a> - Network accessline 29
Install the Light-UI-UX skill from https://github.com/Light0305/Light-UI-UX. - Network accessline 49
The commands use the [skills CLI](https://github.com/vercel-labs/skills) and require **Node.js 22.20+ and Git**. The installer asks which agents to use and where to install: **Global** makes the skill available across projects; **Project** - Network accessline 51
The skill's scripts require **Python 3.10+**, with no third-party Python packages. Screenshots use a locally installed Chrome, Edge, or Chromium. You can also download the complete skill from [Releases](https://github.com/Light0305/Light-UI - Network accessline 119
{ "api_url": "https://your-api.example/v1/images/generations", - Network accessline 120
"api_url": "https://your-api.example/v1/images/generations", - Access to secretsline 121
[Credential-related source omitted] - Network accessline 140
- Email: [1833058953@qq.com](mailto:1833058953@qq.com) - GitHub: [@Light0305](https://github.com/Light0305) - [Issues](https://github.com/Light0305/Light-UI-UX/issues), pull requests, and usage feedback are welcome. - Network accessline 141
- GitHub: [@Light0305](https://github.com/Light0305) - Network accessline 142
- [Issues](https://github.com/Light0305/Light-UI-UX/issues), pull requests, and usage feedback are welcome.
README.zh-CN.md
- Network accessline 12
<p align="center"> <a href="https://github.com/Light0305/Light-UI-UX/releases"><img src="https://img.shields.io/github/v/release/Light0305/Light-UI-UX?style=flat&color=3358ec&cacheSeconds=300" alt="Release"></a> - Network accessline 13
<a href="https://github.com/Light0305/Light-UI-UX/releases"><img src="https://img.shields.io/github/v/release/Light0305/Light-UI-UX?style=flat&color=3358ec&cacheSeconds=300" alt="Release"></a> - Network accessline 14
<a href="LICENSE"><img src="https://img.shields.io/badge/License-MIT-202126?style=flat" alt="MIT License"></a> - Network accessline 15
<a href="https://github.com/Light0305/Light-UI-UX/stargazers"><img src="https://img.shields.io/github/stars/Light0305/Light-UI-UX?style=flat&color=202126" alt="GitHub Stars"></a> - Network accessline 29
帮我安装 Light-UI-UX 这个 skill，项目地址：https://github.com/Light0305/Light-UI-UX - Network accessline 49
命令安装使用 [skills CLI](https://github.com/vercel-labs/skills)，需要 **Node.js 22.20+ 和 Git**。安装时选择 Agent 和范围：**Global** 对所有项目生效，**Project** 仅对当前项目生效；项目安装请先进入对应目录。 - Network accessline 51
Skill 脚本需要 **Python 3.10+**，无需安装第三方 Python 包。截图检查使用本机 Chrome、Edge 或 Chromium。也可以从 [Releases](https://github.com/Light0305/Light-UI-UX/releases/latest) 下载完整 Skill，放进 Agent 的 Skills 目录。 - Network accessline 119
{ "api_url": "https://your-api.example/v1/images/generations", - Network accessline 120
"api_url": "https://your-api.example/v1/images/generations", - Access to secretsline 121
[Credential-related source omitted] - Network accessline 140
- 邮箱：[1833058953@qq.com](mailto:1833058953@qq.com) - GitHub：[@Light0305](https://github.com/Light0305) - Network accessline 141
- GitHub：[@Light0305](https://github.com/Light0305) - Network accessline 142
- 欢迎 [Issue](https://github.com/Light0305/Light-UI-UX/issues)、PR 和使用反馈。
THIRD_PARTY_NOTICES.md
- Network accessline 25
- **React Bits (216):** [upstream terms](https://github.com/DavidHDev/react-bits/blob/main/LICENSE.md) restrict redistribution of the components themselves. The index retains names, search metadata, and official source URLs. - Network accessline 45
Solar attribution: [480 Design](https://www.figma.com/@480design), [original collection](https://www.figma.com/community/file/1166831539721848736), [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). The archived SVGs normalize IDs a - Network accessline 63
RIFT, NOCT, Meltday, and Veylo are fictional demonstration projects built with Light-UI-UX. Screenshots and original briefs are in [docs](docs); screenshots are examples of output rather than part of the reusable component library. The QR c
docs/assets/logo-dark.svg
- Network accessline 1
<svg xmlns="http://www.w3.org/2000/svg" width="435" height="108" viewBox="0 0 435 108" role="img" aria-labelledby="title">
docs/assets/logo-light.svg
- Network accessline 1
<svg xmlns="http://www.w3.org/2000/svg" width="435" height="108" viewBox="0 0 435 108" role="img" aria-labelledby="title">
docs/image-api.en.md
- Network accessline 18
{ "api_url": "https://your-api.example/v1/images/generations", - Network accessline 19
"api_url": "https://your-api.example/v1/images/generations", - Access to secretsline 20
[Credential-related source omitted] - Access to secretsline 29
[Credential-related source omitted] - Access to secretsline 48
[Credential-related source omitted]
docs/image-api.zh-CN.md
- Network accessline 18
{ "api_url": "https://your-api.example/v1/images/generations", - Network accessline 19
"api_url": "https://your-api.example/v1/images/generations", - Access to secretsline 20
[Credential-related source omitted] - Access to secretsline 29
[Credential-related source omitted] - Access to secretsline 48
[Credential-related source omitted]
licenses/components/bencho.txt
- Network accessline 19
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 20
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 21
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400..700&family=Instrument+Sans:wght@400;500;600&family=Inter:wght@300..700&display=swap" - Network accessline 22
rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400..700&family=Instrument+Sans:wght@400;500;600&family=Inter:wght@300..700&display=swap" /> - Network accessline 23
href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400..700&family=Instrument+Sans:wght@400;500;600&family=Inter:wght@300..700&display=swap" - Network accessline 44
<title>Licence · Bencho</title> <meta name="description" content="The terms the blocks on Bencho are offered under." /> <link rel="canonical" href="https://bencho.dev/licence" /> - Network accessline 45
<meta name="description" content="The terms the blocks on Bencho are offered under." /> <link rel="canonical" href="https://bencho.dev/licence" /> <meta property="og:type" content="website" /> - Network accessline 46
<link rel="canonical" href="https://bencho.dev/licence" /> - Network accessline 47
<meta property="og:type" content="website" /> <meta property="og:url" content="https://bencho.dev/licence" /> <meta property="og:title" content="Licence · Bencho" /> - Network accessline 48
<meta property="og:url" content="https://bencho.dev/licence" /> - Network accessline 49
<meta property="og:title" content="Licence · Bencho" /> <meta property="og:description" content="The terms the blocks on Bencho are offered under." /> <meta property="og:image" content="https://bencho.dev/share-cover-ring.png" /> - Network accessline 50
<meta property="og:description" content="The terms the blocks on Bencho are offered under." /> <meta property="og:image" content="https://bencho.dev/share-cover-ring.png" /> <meta name="twitter:title" content="Licence · Bencho" /> - Network accessline 51
<meta property="og:image" content="https://bencho.dev/share-cover-ring.png" /> - Network accessline 52
<meta name="twitter:title" content="Licence · Bencho" /> <meta name="twitter:description" content="The terms the blocks on Bencho are offered under." /> <meta name="twitter:image" content="https://bencho.dev/share-cover-ring.png" /> - Network accessline 53
<meta name="twitter:description" content="The terms the blocks on Bencho are offered under." /> <meta name="twitter:image" content="https://bencho.dev/share-cover-ring.png" /> <script>document.documentElement.className+=" js"</scrip - Network accessline 54
<meta name="twitter:image" content="https://bencho.dev/share-cover-ring.png" />
licenses/components/codepen.txt
- Network accessline 10
<link rel="apple-touch-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-touch-de50acbf5d634ec6791894eba4ba9cf490f709b3d742597c6fc4b734e6492a5a.png"> - Network accessline 11
<link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" /> - Network accessline 13
<link rel="icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" /> - Network accessline 15
<link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,400italic,700italic,900' rel='stylesheet'> - Network accessline 16
<link rel="stylesheet" href="https://blog.codepen.io/wp-content/themes/codepen-5/style.css?v=muolnm85obi3b80rrc"> - Network accessline 20
<link rel='dns-prefetch' href='//cpwebassets.codepen.io' /> <link rel='preconnect' href='//c0.wp.com' /> <link rel="alternate" type="application/rss+xml" title="CodePen » Licensing Comments Feed" href="https://blog.codepen.io/document - Network accessline 21
<link rel='preconnect' href='//c0.wp.com' /> <link rel="alternate" type="application/rss+xml" title="CodePen » Licensing Comments Feed" href="https://blog.codepen.io/documentation/licensing/feed/" /> <link rel="alternate" title="oEmbe - Network accessline 22
<link rel="alternate" type="application/rss+xml" title="CodePen » Licensing Comments Feed" href="https://blog.codepen.io/documentation/licensing/feed/" /> - Network accessline 23
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://blog.codepen.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.codepen.io%2Fdocumentation%2Flicensing%2F" /> - Network accessline 24
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://blog.codepen.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.codepen.io%2Fdocumentation%2Flicensing%2F&format=xml" /> - Network accessline 40
<link rel='stylesheet' id='wthf-style-css' href='https://blog.codepen.io/wp-content/plugins/was-this-article-helpful/css/style.css?ver=7.1.3' media='all' /> - Network accessline 41
<link rel='stylesheet' id='jetpack-instant-search-css' href='https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.chunk-main-payload.css?minify=false&ver=d03ec9f0ac1 - Network accessline 44
/*# sourceURL=jetpack-stats-inline-css */ </style> <script id="jquery-core-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery.min.js"></script> - Network accessline 45
</style> <script id="jquery-core-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery.min.js"></script> <script id="jquery-migrate-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery-migrate.min.js"></script> - Network accessline 46
<script id="jquery-core-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery.min.js"></script> - Network accessline 47
<script id="jquery-migrate-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery-migrate.min.js"></script> - Network accessline 48
<link rel="https://api.w.org/" href="https://blog.codepen.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://blog.codepen.io/wp-json/wp/v2/pages/453" /><link rel="EditURI" type="application/rsd+xml" titl - Network accessline 50
<link rel="canonical" href="https://blog.codepen.io/documentation/licensing/" /> - Network accessline 51
<link rel='shortlink' href='https://blog.codepen.io/?p=453' /> - Network accessline 56
<link rel="alternate" type="application/rss+xml" title="Podcast RSS feed" href="https://blog.codepen.io/feed/podcast" /> - Network accessline 61
<meta property="og:type" content="article" /> <meta property="og:title" content="Licensing" /> <meta property="og:url" content="https://blog.codepen.io/documentation/licensing/" /> - Network accessline 62
<meta property="og:title" content="Licensing" /> <meta property="og:url" content="https://blog.codepen.io/documentation/licensing/" /> <meta property="og:description" content="What License Is Code I Post to CodePen? In short: public Pens ar - Network accessline 63
<meta property="og:url" content="https://blog.codepen.io/documentation/licensing/" /> - Network accessline 66
<meta property="article:modified_time" content="2020-04-16T21:44:58+00:00" /> <meta property="og:site_name" content="CodePen" /> <meta property="og:image" content="https://s0.wp.com/i/blank.jpg" /> - Network accessline 67
<meta property="og:site_name" content="CodePen" /> <meta property="og:image" content="https://s0.wp.com/i/blank.jpg" /> <meta property="og:image:width" content="200" /> - Network accessline 68
<meta property="og:image" content="https://s0.wp.com/i/blank.jpg" /> - Network accessline 84
<h1 class="logo"> <a href="https://codepen.io" class="large-screen-logo"> - Network accessline 85
<a href="https://codepen.io" class="large-screen-logo"> - Network accessline 93
<li class="primary-docs"><a href="/docs/">Docs</a></li> <li class="primary-podcast"><a href="/radio/">Podcast</a></li> <li><a href="https://codepen.io">← Back to Main Site</a></li> - Network accessline 94
<li class="primary-podcast"><a href="/radio/">Podcast</a></li> <li><a href="https://codepen.io">← Back to Main Site</a></li> </ul> - Network accessline 95
<li><a href="https://codepen.io">← Back to Main Site</a></li> - Network accessline 136
What License Is Code I Post to CodePen? </p></blockquote> <p>In short: public Pens are <a href="http://opensource.org/licenses/MIT">MIT Licensed</a>, private Pens are owned by you with no implicit license. Read on for more detail.</p> - Network accessline 137
</p></blockquote> <p>In short: public Pens are <a href="http://opensource.org/licenses/MIT">MIT Licensed</a>, private Pens are owned by you with no implicit license. Read on for more detail.</p> <h3><a href="#if-your-pen-is-public" aria-hid - Network accessline 138
<p>In short: public Pens are <a href="http://opensource.org/licenses/MIT">MIT Licensed</a>, private Pens are owned by you with no implicit license. Read on for more detail.</p> - Network accessline 139
<h3><a href="#if-your-pen-is-public" aria-hidden="true" class="aal_anchor" id="if-your-pen-is-public"><svg aria-hidden="true" class="aal_svg" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c- - Network accessline 140
<p>By default, Pens you save on CodePen are public. PRO accounts have the ability to save as private, so for information on that jump down to the next section. Public pens are automatically MIT licensed. We include it on the <a href="https: - Network accessline 184
<div class="menu-pens-container"><ul id="menu-pens" class="menu"><li id="menu-item-13501" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13501"><a href="https://blog.codepen.io/documentation/pen-editor/">The Pen E - Network accessline 185
<li id="menu-item-7216" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7216"><a href="https://blog.codepen.io/documentation/auto-updating-previews/">Auto Updating Previews</a></li> - Network accessline 186
<li id="menu-item-8182" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8182"><a href="https://blog.codepen.io/documentation/full-page-view/">Full Page View</a></li> - Network accessline 187
<li id="menu-item-8609" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8609"><a href="https://blog.codepen.io/documentation/details-view/">Details View</a></li> - Network accessline 188
<li id="menu-item-8181" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8181"><a href="https://blog.codepen.io/documentation/debug-view/">Debug View</a></li> - Network accessline 189
<li id="menu-item-13290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13290"><a href="https://blog.codepen.io/documentation/live-view/"><span class="badge badge-pro">PRO</span> Live View</a></li> - Network accessline 190
<li id="menu-item-13291" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13291"><a href="https://blog.codepen.io/documentation/collab-mode/"><span class="badge badge-pro">PRO</span> Collab Mode</a></li> - Network accessline 191
<li id="menu-item-13292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13292"><a href="https://blog.codepen.io/documentation/professor-mode/"><span class="badge badge-pro">PRO</span> Professor Mode</a></li> - Network accessline 192
<li id="menu-item-13293" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13293"><a href="https://blog.codepen.io/documentation/presentation-mode/"><span class="badge badge-pro">PRO</span> Presentation Mode</a></li> - Network accessline 193
<li id="menu-item-7224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7224"><a href="https://blog.codepen.io/documentation/adding-external-resources/">Adding External Resources</a></li> - Network accessline 194
<li id="menu-item-7219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7219"><a href="https://blog.codepen.io/documentation/using-html-preprocessors/">Using HTML Preprocessors</a></li> - Network accessline 195
<li id="menu-item-7220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7220"><a href="https://blog.codepen.io/documentation/using-css-preprocessors/">Using CSS Preprocessors</a> - Network accessline 196
<ul class="sub-menu"> <li id="menu-item-15387" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15387"><a href="https://blog.codepen.io/documentation/css-processor-add-ons/">CSS Processor Add-Ons</a></li> </ul> - Network accessline 197
<li id="menu-item-15387" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15387"><a href="https://blog.codepen.io/documentation/css-processor-add-ons/">CSS Processor Add-Ons</a></li> - Network accessline 198
</ul> </li> <li id="menu-item-7223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7223"><a href="https://blog.codepen.io/documentation/using-javascript-libraries/">Using JS Libraries</a></li> - Network accessline 199
</li> <li id="menu-item-7223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7223"><a href="https://blog.codepen.io/documentation/using-javascript-libraries/">Using JS Libraries</a></li> <li id="menu-item-7308" cl - Network accessline 200
<li id="menu-item-7223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7223"><a href="https://blog.codepen.io/documentation/using-javascript-libraries/">Using JS Libraries</a></li> - Network accessline 201
<li id="menu-item-7308" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7308"><a href="https://blog.codepen.io/documentation/turn-off-javascript-in-previews/">Turn Off JavaScript in Previews</a></li> - Network accessline 202
<li id="menu-item-7215" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7215"><a href="https://blog.codepen.io/documentation/autosave/">Autosave</a></li> - Network accessline 203
<li id="menu-item-7179" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7179"><a href="https://blog.codepen.io/documentation/autocomplete/">Autocomplete</a></li> - Network accessline 204
<li id="menu-item-7180" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7180"><a href="https://blog.codepen.io/documentation/console/">Console</a></li> - Network accessline 205
<li id="menu-item-7221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7221"><a href="https://blog.codepen.io/documentation/full-screen-editing/">Resizing Code Editor Panels</a></li> - Network accessline 206
<li id="menu-item-7181" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7181"><a href="https://blog.codepen.io/documentation/code-commenting/">Code Commenting</a></li> - Network accessline 207
<li id="menu-item-7307" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7307"><a href="https://blog.codepen.io/documentation/forks/">Forks</a></li> - Network accessline 208
<li id="menu-item-7225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7225"><a href="https://blog.codepen.io/documentation/tab-triggers/">Tab Triggers / Emmet</a></li> - Network accessline 209
<li id="menu-item-7217" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7217"><a href="https://blog.codepen.io/documentation/limitations/">Pen Limitations</a></li> - Network accessline 210
<li id="menu-item-8438" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-8438"><a href="https://blog.codepen.io/documentation/preview-template/">The Pen Preview Document</a> - Network accessline 211
<ul class="sub-menu"> <li id="menu-item-7182" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7182"><a href="https://blog.codepen.io/documentation/things-we-strip/">Things We Strip</a></li> </ul> - Network accessline 212
<li id="menu-item-7182" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7182"><a href="https://blog.codepen.io/documentation/things-we-strip/">Things We Strip</a></li> - Network accessline 213
</ul> </li> <li id="menu-item-13309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13309"><a href="https://blog.codepen.io/documentation/templates/">Pen Templates</a></li> - Network accessline 214
</li> <li id="menu-item-13309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13309"><a href="https://blog.codepen.io/documentation/templates/">Pen Templates</a></li> <li id="menu-item-7214" class="menu-item menu- - Network accessline 215
<li id="menu-item-13309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13309"><a href="https://blog.codepen.io/documentation/templates/">Pen Templates</a></li> - Network accessline 216
<li id="menu-item-7214" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7214"><a href="https://blog.codepen.io/documentation/how-do-i-delete-a-pen/">Deleting Pens</a></li> - Network accessline 222
<div class="menu-other-features-container"><ul id="menu-other-features" class="menu"><li id="menu-item-14839" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14839"><a href="https://blog.codepen.io/documentation/yo - Network accessline 223
<li id="menu-item-13306" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13306"><a href="https://blog.codepen.io/documentation/exporting-pens/">Exporting Pens</a></li> - Network accessline 224
<li id="menu-item-15372" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15372"><a href="https://blog.codepen.io/documentation/es-modules-on-codepen/">JavaScript/ES Modules and Imports</a></li> - Network accessline 225
<li id="menu-item-7272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7272"><a href="https://blog.codepen.io/documentation/collections/">Collections</a> - Network accessline 226
<ul class="sub-menu"> <li id="menu-item-10752" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10752"><a href="https://blog.codepen.io/documentation/bookmarks/">Bookmarks</a></li> </ul> - Network accessline 227
<li id="menu-item-10752" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10752"><a href="https://blog.codepen.io/documentation/bookmarks/">Bookmarks</a></li> - Network accessline 228
</ul> </li> <li id="menu-item-13437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13437"><a href="https://blog.codepen.io/documentation/tags/">Tags</a></li> - Network accessline 229
</li> <li id="menu-item-13437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13437"><a href="https://blog.codepen.io/documentation/tags/">Tags</a></li> <li id="menu-item-13289" class="menu-item menu-item-type-pos - Network accessline 230
<li id="menu-item-13437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13437"><a href="https://blog.codepen.io/documentation/tags/">Tags</a></li> - Network accessline 231
<li id="menu-item-13289" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13289"><a href="https://blog.codepen.io/documentation/asset-hosting/"><span class="badge badge-pro">PRO</span> Asset Hosting</a></li> - Network accessline 232
<li id="menu-item-7273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7273"><a href="https://blog.codepen.io/email-verification/">Email Verification</a></li> - Network accessline 233
<li id="menu-item-13282" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13282"><a href="https://blog.codepen.io/documentation/blocking/">Blocking</a></li> - Network accessline 234
<li id="menu-item-13287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13287"><a href="https://blog.codepen.io/documentation/private-items/"><span class="badge badge-pro">PRO</span> Privacy</a></li> - Network accessline 235
<li id="menu-item-13299" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13299"><a href="https://blog.codepen.io/documentation/pro-teams/"><span class="badge badge-pro">PRO</span> Teams</a> - Network accessline 236
<ul class="sub-menu"> <li id="menu-item-15587" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15587"><a href="https://blog.codepen.io/documentation/team-management/">Team Management</a></li> </ul> - Network accessline 237
<li id="menu-item-15587" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15587"><a href="https://blog.codepen.io/documentation/team-management/">Team Management</a></li> - Network accessline 238
</ul> </li> <li id="menu-item-13300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13300"><a href="https://blog.codepen.io/documentation/screenshots/">Screenshots</a> - Network accessline 239
</li> <li id="menu-item-13300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13300"><a href="https://blog.codepen.io/documentation/screenshots/">Screenshots</a> <ul class="sub-menu"> - Network accessline 240
<li id="menu-item-13300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13300"><a href="https://blog.codepen.io/documentation/screenshots/">Screenshots</a> - Network accessline 241
<ul class="sub-menu"> <li id="menu-item-13301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13301"><a href="https://blog.codepen.io/documentation/custom-screenshots/"><span class="badge badge-pro">PRO</span> Cu - Network accessline 242
<li id="menu-item-13301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13301"><a href="https://blog.codepen.io/documentation/custom-screenshots/"><span class="badge badge-pro">PRO</span> Custom Screenshots</a></l - Network accessline 243
</ul> </li> <li id="menu-item-13302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13302"><a href="https://blog.codepen.io/documentation/codepen-tv/">CodePen TV</a></li> - Network accessline 244
</li> <li id="menu-item-13302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13302"><a href="https://blog.codepen.io/documentation/codepen-tv/">CodePen TV</a></li> </ul></div></div> - Network accessline 245
<li id="menu-item-13302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13302"><a href="https://blog.codepen.io/documentation/codepen-tv/">CodePen TV</a></li> - Network accessline 251
<div class="menu-embeds-container"><ul id="menu-embeds" class="menu"><li id="menu-item-13298" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13298"><a href="https://blog.codepen.io/documentation/embedded-pens/">Em - Network accessline 252
<li id="menu-item-13294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13294"><a href="https://blog.codepen.io/documentation/editable-embeds/">Editable Embeds</a></li> - Network accessline 253
<li id="menu-item-13296" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13296"><a href="https://blog.codepen.io/documentation/prefill-embeds/">Prefill Embeds</a></li> - Network accessline 254
<li id="menu-item-13297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13297"><a href="https://blog.codepen.io/documentation/wordpress-plugin/">Embeds & WordPress</a></li> - Network accessline 255
<li id="menu-item-13295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13295"><a href="https://blog.codepen.io/documentation/unlimited-embed-themes/"><span class="badge badge-pro">PRO</span> Unlimited Embed Theme - Network accessline 261
<div class="menu-api-container"><ul id="menu-api" class="menu"><li id="menu-item-7184" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7184"><a href="https://blog.codepen.io/documentation/prefill/">POST to Prefill - Network accessline 262
<li id="menu-item-11524" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11524"><a href="https://blog.codepen.io/documentation/prefill-embeds/">Prefill Embeds</a></li> - Network accessline 263
<li id="menu-item-7183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7183"><a href="https://blog.codepen.io/documentation/oembed/">oEmbed</a></li> - Network accessline 264
<li id="menu-item-7188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7188"><a href="https://blog.codepen.io/documentation/url-extensions/">URL Extensions</a></li> - Network accessline 281
<div id="jetpack-search-filters-2" class="widget jetpack-filters widget_search"> <div id="jetpack-search-filters-2-wrapper" class="jetpack-instant-search-wrapper"> </div></div> </div> <script id="codepen-embed-script-js" src="http - Network accessline 282
</div></div> </div> <script id="codepen-embed-script-js" src="https://cpwebassets.codepen.io/assets/embed/ei.js?ver=1.0.1"></script> <script id="wthf-script-js-before"> - Network accessline 283
<script id="codepen-embed-script-js" src="https://cpwebassets.codepen.io/assets/embed/ei.js?ver=1.0.1"></script> - Network accessline 284
<script id="wthf-script-js-before"> var nonce_wthf = "c12271c2f6";var ajaxurl = "https://blog.codepen.io/wp-admin/admin-ajax.php"; //# sourceURL=wthf-script-js-before - Network accessline 285
var nonce_wthf = "c12271c2f6";var ajaxurl = "https://blog.codepen.io/wp-admin/admin-ajax.php"; - Network accessline 286
//# sourceURL=wthf-script-js-before </script> <script id="wthf-script-js" src="https://blog.codepen.io/wp-content/plugins/was-this-article-helpful/js/script.js?ver=1.0"></script> - Network accessline 287
</script> <script id="wthf-script-js" src="https://blog.codepen.io/wp-content/plugins/was-this-article-helpful/js/script.js?ver=1.0"></script> <script id="wp-hooks-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/hooks.min.js"></scrip - Network accessline 288
<script id="wthf-script-js" src="https://blog.codepen.io/wp-content/plugins/was-this-article-helpful/js/script.js?ver=1.0"></script> - Network accessline 289
<script id="wp-hooks-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/hooks.min.js"></script> - Network accessline 290
<script id="wp-i18n-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/i18n.min.js"></script> - Network accessline 294
//# sourceURL=wp-i18n-js-after </script> <script id="wp-jp-i18n-loader-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-assets/build/i18n-loader.js?minify=true&ver=f04e415567eda21fe93b"></sc - Network accessline 295
</script> <script id="wp-jp-i18n-loader-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-assets/build/i18n-loader.js?minify=true&ver=f04e415567eda21fe93b"></script> <script id="wp-jp-i18n-lo - Network accessline 296
<script id="wp-jp-i18n-loader-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-assets/build/i18n-loader.js?minify=true&ver=f04e415567eda21fe93b"></script> - Network accessline 297
<script id="wp-jp-i18n-loader-js-after"> wp.jpI18nLoader.state = {"baseUrl":"https://blog.codepen.io/wp-content/languages/","locale":"en_US","domainMap":{"jetpack-account-protection":"plugins/jetpack","jetpack-activity-log":"plugins/jetpack - Network accessline 298
wp.jpI18nLoader.state = {"baseUrl":"https://blog.codepen.io/wp-content/languages/","locale":"en_US","domainMap":{"jetpack-account-protection":"plugins/jetpack","jetpack-activity-log":"plugins/jetpack","jetpack-admin-ui":"plugins/jetpack","j - Network accessline 299
//# sourceURL=wp-jp-i18n-loader-js-after </script> <script id="wp-polyfill-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/vendor/wp-polyfill.min.js"></script> - Network accessline 300
</script> <script id="wp-polyfill-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/vendor/wp-polyfill.min.js"></script> <script id="wp-url-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/url.min.js"></script> - Network accessline 301
<script id="wp-polyfill-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/vendor/wp-polyfill.min.js"></script> - Network accessline 302
<script id="wp-url-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/url.min.js"></script> - Network accessline 303
<script id="jetpack-instant-search-js-before"> var JetpackInstantSearchOptions={"overlayOptions":{"colorTheme":"dark","enableInfScroll":true,"enableFilteringOpensOverlay":true,"enablePostDate":true,"enableProductPrice":true,"enableSort":tru - Network accessline 304
var JetpackInstantSearchOptions={"overlayOptions":{"colorTheme":"dark","enableInfScroll":true,"enableFilteringOpensOverlay":true,"enablePostDate":true,"enableProductPrice":true,"enableSort":true,"highlightColor":"#FFC","overlayTrigger":"imm - Network accessline 305
//# sourceURL=jetpack-instant-search-js-before </script> <script id="jetpack-instant-search-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?minify=false& - Network accessline 306
</script> <script id="jetpack-instant-search-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?minify=false&ver=d03ec9f0ac110a671db7"></script> <scrip - Network accessline 307
<script id="jetpack-instant-search-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?minify=false&ver=d03ec9f0ac110a671db7"></script> - Network accessline 313
//# sourceURL=jetpack-stats-js-before </script> <script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202644.js"></script> - Network accessline 314
</script> <script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202644.js"></script> <script type="text/javascript"> - Network accessline 315
<script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202644.js"></script> - Network accessline 335
<nav class="link-footer-links"> <h4>CodePen</h4> <a href="https://codepen.io/about">About</a> - Network accessline 336
<h4>CodePen</h4> <a href="https://codepen.io/about">About</a> <a href="/">Blog</a> - Network accessline 337
<a href="https://codepen.io/about">About</a> - Network accessline 338
<a href="/">Blog</a> <a href="/radio/">Podcast</a> <a href="https://codepen.io/advertise"> - Network accessline 339
<a href="/radio/">Podcast</a> <a href="https://codepen.io/advertise"> Advertising - Network accessline 340
<a href="https://codepen.io/advertise"> - Network accessline 342
</a> <a href="/docs/">Documentation</a> <a href="https://codepen.io/support/">Support</a> - Network accessline 343
<a href="/docs/">Documentation</a> <a href="https://codepen.io/support/">Support</a> </nav> - Network accessline 344
<a href="https://codepen.io/support/">Support</a> - Network accessline 347
<nav class="link-footer-links"> <h4>For</h4> <a href="https://codepen.io/features/teams">Teams</a> - Network accessline 348
<h4>For</h4> <a href="https://codepen.io/features/teams">Teams</a> <a href="https://codepen.io/features/privacy">Privacy</a> - Network accessline 349
<a href="https://codepen.io/features/teams">Teams</a> - Network accessline 350
<a href="https://codepen.io/features/privacy">Privacy</a> - Network accessline 351
<a href="https://codepen.io/features/embeds">Embeds</a> - Network accessline 352
<a href="https://codepen.io/features/asset-hosting">Asset Hosting</a> - Network accessline 355
<nav class="link-footer-links"> <h4>Social</h4> <a href="https://www.youtube.com/c/CodePenOfficial">YouTube</a> - Network accessline 356
<h4>Social</h4> <a href="https://www.youtube.com/c/CodePenOfficial">YouTube</a> <a href="https://bsky.app/profile/codepen.io">Bluesky</a> - Network accessline 357
<a href="https://www.youtube.com/c/CodePenOfficial">YouTube</a> - Network accessline 358
<a href="https://bsky.app/profile/codepen.io">Bluesky</a> - Network accessline 359
<a href="https://www.instagram.com/codepen/">Instagram</a> - Network accessline 362
<nav class="link-footer-links"> <h4>Community</h4> <a href="https://codepen.io/spark/">Spark</a> - Network accessline 363
<h4>Community</h4> <a href="https://codepen.io/spark/">Spark</a> <a href="https://codepen.io/challenges/">Challenges</a> - Network accessline 364
<a href="https://codepen.io/spark/">Spark</a> - Network accessline 365
<a href="https://codepen.io/challenges/">Challenges</a> - Network accessline 366
<a href="https://codepen.io/topics/">Topics</a> - Network accessline 374
<div class="copyright" id="link-footer-copyright"> <div class="logo"> <a href="https://codepen.io" class="large-screen-logo"> - Network accessline 375
<div class="logo"> <a href="https://codepen.io" class="large-screen-logo"> CodePen - Network accessline 376
<a href="https://codepen.io" class="large-screen-logo"> - Network accessline 402
<script src="https://blog.codepen.io/wp-content/themes/codepen-5/js/min/blog.min.js?v=muolnm85obi3b80rrc"></script> - Network accessline 403
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
licenses/components/gsap.txt
- Network accessline 10
<link rel="apple-touch-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-touch-de50acbf5d634ec6791894eba4ba9cf490f709b3d742597c6fc4b734e6492a5a.png"> - Network accessline 11
<link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" /> - Network accessline 13
<link rel="icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" /> - Network accessline 15
<link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,400italic,700italic,900' rel='stylesheet'> - Network accessline 16
<link rel="stylesheet" href="https://blog.codepen.io/wp-content/themes/codepen-5/style.css?v=muolnm85obi3b80rrc"> - Network accessline 20
<link rel='dns-prefetch' href='//cpwebassets.codepen.io' /> <link rel='preconnect' href='//c0.wp.com' /> <link rel="alternate" type="application/rss+xml" title="CodePen » Licensing Comments Feed" href="https://blog.codepen.io/document - Network accessline 21
<link rel='preconnect' href='//c0.wp.com' /> <link rel="alternate" type="application/rss+xml" title="CodePen » Licensing Comments Feed" href="https://blog.codepen.io/documentation/licensing/feed/" /> <link rel="alternate" title="oEmbe - Network accessline 22
<link rel="alternate" type="application/rss+xml" title="CodePen » Licensing Comments Feed" href="https://blog.codepen.io/documentation/licensing/feed/" /> - Network accessline 23
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://blog.codepen.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.codepen.io%2Fdocumentation%2Flicensing%2F" /> - Network accessline 24
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://blog.codepen.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.codepen.io%2Fdocumentation%2Flicensing%2F&format=xml" /> - Network accessline 40
<link rel='stylesheet' id='wthf-style-css' href='https://blog.codepen.io/wp-content/plugins/was-this-article-helpful/css/style.css?ver=7.1.3' media='all' /> - Network accessline 41
<link rel='stylesheet' id='jetpack-instant-search-css' href='https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.chunk-main-payload.css?minify=false&ver=d03ec9f0ac1 - Network accessline 44
/*# sourceURL=jetpack-stats-inline-css */ </style> <script id="jquery-core-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery.min.js"></script> - Network accessline 45
</style> <script id="jquery-core-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery.min.js"></script> <script id="jquery-migrate-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery-migrate.min.js"></script> - Network accessline 46
<script id="jquery-core-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery.min.js"></script> - Network accessline 47
<script id="jquery-migrate-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/jquery/jquery-migrate.min.js"></script> - Network accessline 48
<link rel="https://api.w.org/" href="https://blog.codepen.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://blog.codepen.io/wp-json/wp/v2/pages/453" /><link rel="EditURI" type="application/rsd+xml" titl - Network accessline 50
<link rel="canonical" href="https://blog.codepen.io/documentation/licensing/" /> - Network accessline 51
<link rel='shortlink' href='https://blog.codepen.io/?p=453' /> - Network accessline 56
<link rel="alternate" type="application/rss+xml" title="Podcast RSS feed" href="https://blog.codepen.io/feed/podcast" /> - Network accessline 61
<meta property="og:type" content="article" /> <meta property="og:title" content="Licensing" /> <meta property="og:url" content="https://blog.codepen.io/documentation/licensing/" /> - Network accessline 62
<meta property="og:title" content="Licensing" /> <meta property="og:url" content="https://blog.codepen.io/documentation/licensing/" /> <meta property="og:description" content="What License Is Code I Post to CodePen? In short: public Pens ar - Network accessline 63
<meta property="og:url" content="https://blog.codepen.io/documentation/licensing/" /> - Network accessline 66
<meta property="article:modified_time" content="2020-04-16T21:44:58+00:00" /> <meta property="og:site_name" content="CodePen" /> <meta property="og:image" content="https://s0.wp.com/i/blank.jpg" /> - Network accessline 67
<meta property="og:site_name" content="CodePen" /> <meta property="og:image" content="https://s0.wp.com/i/blank.jpg" /> <meta property="og:image:width" content="200" /> - Network accessline 68
<meta property="og:image" content="https://s0.wp.com/i/blank.jpg" /> - Network accessline 84
<h1 class="logo"> <a href="https://codepen.io" class="large-screen-logo"> - Network accessline 85
<a href="https://codepen.io" class="large-screen-logo"> - Network accessline 93
<li class="primary-docs"><a href="/docs/">Docs</a></li> <li class="primary-podcast"><a href="/radio/">Podcast</a></li> <li><a href="https://codepen.io">← Back to Main Site</a></li> - Network accessline 94
<li class="primary-podcast"><a href="/radio/">Podcast</a></li> <li><a href="https://codepen.io">← Back to Main Site</a></li> </ul> - Network accessline 95
<li><a href="https://codepen.io">← Back to Main Site</a></li> - Network accessline 136
What License Is Code I Post to CodePen? </p></blockquote> <p>In short: public Pens are <a href="http://opensource.org/licenses/MIT">MIT Licensed</a>, private Pens are owned by you with no implicit license. Read on for more detail.</p> - Network accessline 137
</p></blockquote> <p>In short: public Pens are <a href="http://opensource.org/licenses/MIT">MIT Licensed</a>, private Pens are owned by you with no implicit license. Read on for more detail.</p> <h3><a href="#if-your-pen-is-public" aria-hid - Network accessline 138
<p>In short: public Pens are <a href="http://opensource.org/licenses/MIT">MIT Licensed</a>, private Pens are owned by you with no implicit license. Read on for more detail.</p> - Network accessline 139
<h3><a href="#if-your-pen-is-public" aria-hidden="true" class="aal_anchor" id="if-your-pen-is-public"><svg aria-hidden="true" class="aal_svg" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c- - Network accessline 140
<p>By default, Pens you save on CodePen are public. PRO accounts have the ability to save as private, so for information on that jump down to the next section. Public pens are automatically MIT licensed. We include it on the <a href="https: - Network accessline 184
<div class="menu-pens-container"><ul id="menu-pens" class="menu"><li id="menu-item-13501" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13501"><a href="https://blog.codepen.io/documentation/pen-editor/">The Pen E - Network accessline 185
<li id="menu-item-7216" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7216"><a href="https://blog.codepen.io/documentation/auto-updating-previews/">Auto Updating Previews</a></li> - Network accessline 186
<li id="menu-item-8182" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8182"><a href="https://blog.codepen.io/documentation/full-page-view/">Full Page View</a></li> - Network accessline 187
<li id="menu-item-8609" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8609"><a href="https://blog.codepen.io/documentation/details-view/">Details View</a></li> - Network accessline 188
<li id="menu-item-8181" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8181"><a href="https://blog.codepen.io/documentation/debug-view/">Debug View</a></li> - Network accessline 189
<li id="menu-item-13290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13290"><a href="https://blog.codepen.io/documentation/live-view/"><span class="badge badge-pro">PRO</span> Live View</a></li> - Network accessline 190
<li id="menu-item-13291" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13291"><a href="https://blog.codepen.io/documentation/collab-mode/"><span class="badge badge-pro">PRO</span> Collab Mode</a></li> - Network accessline 191
<li id="menu-item-13292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13292"><a href="https://blog.codepen.io/documentation/professor-mode/"><span class="badge badge-pro">PRO</span> Professor Mode</a></li> - Network accessline 192
<li id="menu-item-13293" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13293"><a href="https://blog.codepen.io/documentation/presentation-mode/"><span class="badge badge-pro">PRO</span> Presentation Mode</a></li> - Network accessline 193
<li id="menu-item-7224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7224"><a href="https://blog.codepen.io/documentation/adding-external-resources/">Adding External Resources</a></li> - Network accessline 194
<li id="menu-item-7219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7219"><a href="https://blog.codepen.io/documentation/using-html-preprocessors/">Using HTML Preprocessors</a></li> - Network accessline 195
<li id="menu-item-7220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7220"><a href="https://blog.codepen.io/documentation/using-css-preprocessors/">Using CSS Preprocessors</a> - Network accessline 196
<ul class="sub-menu"> <li id="menu-item-15387" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15387"><a href="https://blog.codepen.io/documentation/css-processor-add-ons/">CSS Processor Add-Ons</a></li> </ul> - Network accessline 197
<li id="menu-item-15387" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15387"><a href="https://blog.codepen.io/documentation/css-processor-add-ons/">CSS Processor Add-Ons</a></li> - Network accessline 198
</ul> </li> <li id="menu-item-7223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7223"><a href="https://blog.codepen.io/documentation/using-javascript-libraries/">Using JS Libraries</a></li> - Network accessline 199
</li> <li id="menu-item-7223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7223"><a href="https://blog.codepen.io/documentation/using-javascript-libraries/">Using JS Libraries</a></li> <li id="menu-item-7308" cl - Network accessline 200
<li id="menu-item-7223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7223"><a href="https://blog.codepen.io/documentation/using-javascript-libraries/">Using JS Libraries</a></li> - Network accessline 201
<li id="menu-item-7308" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7308"><a href="https://blog.codepen.io/documentation/turn-off-javascript-in-previews/">Turn Off JavaScript in Previews</a></li> - Network accessline 202
<li id="menu-item-7215" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7215"><a href="https://blog.codepen.io/documentation/autosave/">Autosave</a></li> - Network accessline 203
<li id="menu-item-7179" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7179"><a href="https://blog.codepen.io/documentation/autocomplete/">Autocomplete</a></li> - Network accessline 204
<li id="menu-item-7180" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7180"><a href="https://blog.codepen.io/documentation/console/">Console</a></li> - Network accessline 205
<li id="menu-item-7221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7221"><a href="https://blog.codepen.io/documentation/full-screen-editing/">Resizing Code Editor Panels</a></li> - Network accessline 206
<li id="menu-item-7181" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7181"><a href="https://blog.codepen.io/documentation/code-commenting/">Code Commenting</a></li> - Network accessline 207
<li id="menu-item-7307" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7307"><a href="https://blog.codepen.io/documentation/forks/">Forks</a></li> - Network accessline 208
<li id="menu-item-7225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7225"><a href="https://blog.codepen.io/documentation/tab-triggers/">Tab Triggers / Emmet</a></li> - Network accessline 209
<li id="menu-item-7217" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7217"><a href="https://blog.codepen.io/documentation/limitations/">Pen Limitations</a></li> - Network accessline 210
<li id="menu-item-8438" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-8438"><a href="https://blog.codepen.io/documentation/preview-template/">The Pen Preview Document</a> - Network accessline 211
<ul class="sub-menu"> <li id="menu-item-7182" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7182"><a href="https://blog.codepen.io/documentation/things-we-strip/">Things We Strip</a></li> </ul> - Network accessline 212
<li id="menu-item-7182" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7182"><a href="https://blog.codepen.io/documentation/things-we-strip/">Things We Strip</a></li> - Network accessline 213
</ul> </li> <li id="menu-item-13309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13309"><a href="https://blog.codepen.io/documentation/templates/">Pen Templates</a></li> - Network accessline 214
</li> <li id="menu-item-13309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13309"><a href="https://blog.codepen.io/documentation/templates/">Pen Templates</a></li> <li id="menu-item-7214" class="menu-item menu- - Network accessline 215
<li id="menu-item-13309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13309"><a href="https://blog.codepen.io/documentation/templates/">Pen Templates</a></li> - Network accessline 216
<li id="menu-item-7214" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7214"><a href="https://blog.codepen.io/documentation/how-do-i-delete-a-pen/">Deleting Pens</a></li> - Network accessline 222
<div class="menu-other-features-container"><ul id="menu-other-features" class="menu"><li id="menu-item-14839" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14839"><a href="https://blog.codepen.io/documentation/yo - Network accessline 223
<li id="menu-item-13306" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13306"><a href="https://blog.codepen.io/documentation/exporting-pens/">Exporting Pens</a></li> - Network accessline 224
<li id="menu-item-15372" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15372"><a href="https://blog.codepen.io/documentation/es-modules-on-codepen/">JavaScript/ES Modules and Imports</a></li> - Network accessline 225
<li id="menu-item-7272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7272"><a href="https://blog.codepen.io/documentation/collections/">Collections</a> - Network accessline 226
<ul class="sub-menu"> <li id="menu-item-10752" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10752"><a href="https://blog.codepen.io/documentation/bookmarks/">Bookmarks</a></li> </ul> - Network accessline 227
<li id="menu-item-10752" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10752"><a href="https://blog.codepen.io/documentation/bookmarks/">Bookmarks</a></li> - Network accessline 228
</ul> </li> <li id="menu-item-13437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13437"><a href="https://blog.codepen.io/documentation/tags/">Tags</a></li> - Network accessline 229
</li> <li id="menu-item-13437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13437"><a href="https://blog.codepen.io/documentation/tags/">Tags</a></li> <li id="menu-item-13289" class="menu-item menu-item-type-pos - Network accessline 230
<li id="menu-item-13437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13437"><a href="https://blog.codepen.io/documentation/tags/">Tags</a></li> - Network accessline 231
<li id="menu-item-13289" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13289"><a href="https://blog.codepen.io/documentation/asset-hosting/"><span class="badge badge-pro">PRO</span> Asset Hosting</a></li> - Network accessline 232
<li id="menu-item-7273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7273"><a href="https://blog.codepen.io/email-verification/">Email Verification</a></li> - Network accessline 233
<li id="menu-item-13282" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13282"><a href="https://blog.codepen.io/documentation/blocking/">Blocking</a></li> - Network accessline 234
<li id="menu-item-13287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13287"><a href="https://blog.codepen.io/documentation/private-items/"><span class="badge badge-pro">PRO</span> Privacy</a></li> - Network accessline 235
<li id="menu-item-13299" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13299"><a href="https://blog.codepen.io/documentation/pro-teams/"><span class="badge badge-pro">PRO</span> Teams</a> - Network accessline 236
<ul class="sub-menu"> <li id="menu-item-15587" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15587"><a href="https://blog.codepen.io/documentation/team-management/">Team Management</a></li> </ul> - Network accessline 237
<li id="menu-item-15587" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15587"><a href="https://blog.codepen.io/documentation/team-management/">Team Management</a></li> - Network accessline 238
</ul> </li> <li id="menu-item-13300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13300"><a href="https://blog.codepen.io/documentation/screenshots/">Screenshots</a> - Network accessline 239
</li> <li id="menu-item-13300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13300"><a href="https://blog.codepen.io/documentation/screenshots/">Screenshots</a> <ul class="sub-menu"> - Network accessline 240
<li id="menu-item-13300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13300"><a href="https://blog.codepen.io/documentation/screenshots/">Screenshots</a> - Network accessline 241
<ul class="sub-menu"> <li id="menu-item-13301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13301"><a href="https://blog.codepen.io/documentation/custom-screenshots/"><span class="badge badge-pro">PRO</span> Cu - Network accessline 242
<li id="menu-item-13301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13301"><a href="https://blog.codepen.io/documentation/custom-screenshots/"><span class="badge badge-pro">PRO</span> Custom Screenshots</a></l - Network accessline 243
</ul> </li> <li id="menu-item-13302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13302"><a href="https://blog.codepen.io/documentation/codepen-tv/">CodePen TV</a></li> - Network accessline 244
</li> <li id="menu-item-13302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13302"><a href="https://blog.codepen.io/documentation/codepen-tv/">CodePen TV</a></li> </ul></div></div> - Network accessline 245
<li id="menu-item-13302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13302"><a href="https://blog.codepen.io/documentation/codepen-tv/">CodePen TV</a></li> - Network accessline 251
<div class="menu-embeds-container"><ul id="menu-embeds" class="menu"><li id="menu-item-13298" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13298"><a href="https://blog.codepen.io/documentation/embedded-pens/">Em - Network accessline 252
<li id="menu-item-13294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13294"><a href="https://blog.codepen.io/documentation/editable-embeds/">Editable Embeds</a></li> - Network accessline 253
<li id="menu-item-13296" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13296"><a href="https://blog.codepen.io/documentation/prefill-embeds/">Prefill Embeds</a></li> - Network accessline 254
<li id="menu-item-13297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13297"><a href="https://blog.codepen.io/documentation/wordpress-plugin/">Embeds & WordPress</a></li> - Network accessline 255
<li id="menu-item-13295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13295"><a href="https://blog.codepen.io/documentation/unlimited-embed-themes/"><span class="badge badge-pro">PRO</span> Unlimited Embed Theme - Network accessline 261
<div class="menu-api-container"><ul id="menu-api" class="menu"><li id="menu-item-7184" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7184"><a href="https://blog.codepen.io/documentation/prefill/">POST to Prefill - Network accessline 262
<li id="menu-item-11524" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11524"><a href="https://blog.codepen.io/documentation/prefill-embeds/">Prefill Embeds</a></li> - Network accessline 263
<li id="menu-item-7183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7183"><a href="https://blog.codepen.io/documentation/oembed/">oEmbed</a></li> - Network accessline 264
<li id="menu-item-7188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7188"><a href="https://blog.codepen.io/documentation/url-extensions/">URL Extensions</a></li> - Network accessline 281
<div id="jetpack-search-filters-2" class="widget jetpack-filters widget_search"> <div id="jetpack-search-filters-2-wrapper" class="jetpack-instant-search-wrapper"> </div></div> </div> <script id="codepen-embed-script-js" src="http - Network accessline 282
</div></div> </div> <script id="codepen-embed-script-js" src="https://cpwebassets.codepen.io/assets/embed/ei.js?ver=1.0.1"></script> <script id="wthf-script-js-before"> - Network accessline 283
<script id="codepen-embed-script-js" src="https://cpwebassets.codepen.io/assets/embed/ei.js?ver=1.0.1"></script> - Network accessline 284
<script id="wthf-script-js-before"> var nonce_wthf = "c12271c2f6";var ajaxurl = "https://blog.codepen.io/wp-admin/admin-ajax.php"; //# sourceURL=wthf-script-js-before - Network accessline 285
var nonce_wthf = "c12271c2f6";var ajaxurl = "https://blog.codepen.io/wp-admin/admin-ajax.php"; - Network accessline 286
//# sourceURL=wthf-script-js-before </script> <script id="wthf-script-js" src="https://blog.codepen.io/wp-content/plugins/was-this-article-helpful/js/script.js?ver=1.0"></script> - Network accessline 287
</script> <script id="wthf-script-js" src="https://blog.codepen.io/wp-content/plugins/was-this-article-helpful/js/script.js?ver=1.0"></script> <script id="wp-hooks-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/hooks.min.js"></scrip - Network accessline 288
<script id="wthf-script-js" src="https://blog.codepen.io/wp-content/plugins/was-this-article-helpful/js/script.js?ver=1.0"></script> - Network accessline 289
<script id="wp-hooks-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/hooks.min.js"></script> - Network accessline 290
<script id="wp-i18n-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/i18n.min.js"></script> - Network accessline 294
//# sourceURL=wp-i18n-js-after </script> <script id="wp-jp-i18n-loader-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-assets/build/i18n-loader.js?minify=true&ver=f04e415567eda21fe93b"></sc - Network accessline 295
</script> <script id="wp-jp-i18n-loader-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-assets/build/i18n-loader.js?minify=true&ver=f04e415567eda21fe93b"></script> <script id="wp-jp-i18n-lo - Network accessline 296
<script id="wp-jp-i18n-loader-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-assets/build/i18n-loader.js?minify=true&ver=f04e415567eda21fe93b"></script> - Network accessline 297
<script id="wp-jp-i18n-loader-js-after"> wp.jpI18nLoader.state = {"baseUrl":"https://blog.codepen.io/wp-content/languages/","locale":"en_US","domainMap":{"jetpack-account-protection":"plugins/jetpack","jetpack-activity-log":"plugins/jetpack - Network accessline 298
wp.jpI18nLoader.state = {"baseUrl":"https://blog.codepen.io/wp-content/languages/","locale":"en_US","domainMap":{"jetpack-account-protection":"plugins/jetpack","jetpack-activity-log":"plugins/jetpack","jetpack-admin-ui":"plugins/jetpack","j - Network accessline 299
//# sourceURL=wp-jp-i18n-loader-js-after </script> <script id="wp-polyfill-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/vendor/wp-polyfill.min.js"></script> - Network accessline 300
</script> <script id="wp-polyfill-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/vendor/wp-polyfill.min.js"></script> <script id="wp-url-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/url.min.js"></script> - Network accessline 301
<script id="wp-polyfill-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/vendor/wp-polyfill.min.js"></script> - Network accessline 302
<script id="wp-url-js" src="https://c0.wp.com/c/7.1.3/wp-includes/js/dist/url.min.js"></script> - Network accessline 303
<script id="jetpack-instant-search-js-before"> var JetpackInstantSearchOptions={"overlayOptions":{"colorTheme":"dark","enableInfScroll":true,"enableFilteringOpensOverlay":true,"enablePostDate":true,"enableProductPrice":true,"enableSort":tru - Network accessline 304
var JetpackInstantSearchOptions={"overlayOptions":{"colorTheme":"dark","enableInfScroll":true,"enableFilteringOpensOverlay":true,"enablePostDate":true,"enableProductPrice":true,"enableSort":true,"highlightColor":"#FFC","overlayTrigger":"imm - Network accessline 305
//# sourceURL=jetpack-instant-search-js-before </script> <script id="jetpack-instant-search-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?minify=false& - Network accessline 306
</script> <script id="jetpack-instant-search-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?minify=false&ver=d03ec9f0ac110a671db7"></script> <scrip - Network accessline 307
<script id="jetpack-instant-search-js" src="https://blog.codepen.io/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?minify=false&ver=d03ec9f0ac110a671db7"></script> - Network accessline 313
//# sourceURL=jetpack-stats-js-before </script> <script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202644.js"></script> - Network accessline 314
</script> <script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202644.js"></script> <script type="text/javascript"> - Network accessline 315
<script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202644.js"></script> - Network accessline 335
<nav class="link-footer-links"> <h4>CodePen</h4> <a href="https://codepen.io/about">About</a> - Network accessline 336
<h4>CodePen</h4> <a href="https://codepen.io/about">About</a> <a href="/">Blog</a> - Network accessline 337
<a href="https://codepen.io/about">About</a> - Network accessline 338
<a href="/">Blog</a> <a href="/radio/">Podcast</a> <a href="https://codepen.io/advertise"> - Network accessline 339
<a href="/radio/">Podcast</a> <a href="https://codepen.io/advertise"> Advertising - Network accessline 340
<a href="https://codepen.io/advertise"> - Network accessline 342
</a> <a href="/docs/">Documentation</a> <a href="https://codepen.io/support/">Support</a> - Network accessline 343
<a href="/docs/">Documentation</a> <a href="https://codepen.io/support/">Support</a> </nav> - Network accessline 344
<a href="https://codepen.io/support/">Support</a> - Network accessline 347
<nav class="link-footer-links"> <h4>For</h4> <a href="https://codepen.io/features/teams">Teams</a> - Network accessline 348
<h4>For</h4> <a href="https://codepen.io/features/teams">Teams</a> <a href="https://codepen.io/features/privacy">Privacy</a> - Network accessline 349
<a href="https://codepen.io/features/teams">Teams</a> - Network accessline 350
<a href="https://codepen.io/features/privacy">Privacy</a> - Network accessline 351
<a href="https://codepen.io/features/embeds">Embeds</a> - Network accessline 352
<a href="https://codepen.io/features/asset-hosting">Asset Hosting</a> - Network accessline 355
<nav class="link-footer-links"> <h4>Social</h4> <a href="https://www.youtube.com/c/CodePenOfficial">YouTube</a> - Network accessline 356
<h4>Social</h4> <a href="https://www.youtube.com/c/CodePenOfficial">YouTube</a> <a href="https://bsky.app/profile/codepen.io">Bluesky</a> - Network accessline 357
<a href="https://www.youtube.com/c/CodePenOfficial">YouTube</a> - Network accessline 358
<a href="https://bsky.app/profile/codepen.io">Bluesky</a> - Network accessline 359
<a href="https://www.instagram.com/codepen/">Instagram</a> - Network accessline 362
<nav class="link-footer-links"> <h4>Community</h4> <a href="https://codepen.io/spark/">Spark</a> - Network accessline 363
<h4>Community</h4> <a href="https://codepen.io/spark/">Spark</a> <a href="https://codepen.io/challenges/">Challenges</a> - Network accessline 364
<a href="https://codepen.io/spark/">Spark</a> - Network accessline 365
<a href="https://codepen.io/challenges/">Challenges</a> - Network accessline 366
<a href="https://codepen.io/topics/">Topics</a> - Network accessline 374
<div class="copyright" id="link-footer-copyright"> <div class="logo"> <a href="https://codepen.io" class="large-screen-logo"> - Network accessline 375
<div class="logo"> <a href="https://codepen.io" class="large-screen-logo"> CodePen - Network accessline 376
<a href="https://codepen.io" class="large-screen-logo"> - Network accessline 402
<script src="https://blog.codepen.io/wp-content/themes/codepen-5/js/min/blog.min.js?v=muolnm85obi3b80rrc"></script> - Network accessline 403
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
licenses/components/libraries.txt
licenses/icons/solar.txt
licenses/methods/impeccable-LICENSE
licenses/methods/impeccable-NOTICE.md
- Network accessline 9
**Original work:** https://github.com/ehmo/platform-design-skills
licenses/methods/open-design-LICENSE
references/05-media-and-imagegen.md
- Access to secretsline 34
[Credential-related source omitted]
scripts/arsenal.py
- Executable scriptline 1
#!/usr/bin/env python3
scripts/build_arsenal.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 1308
- **React Bits (216):** [upstream terms](https://github.com/DavidHDev/react-bits/blob/main/LICENSE.md) restrict redistribution of the components themselves. The index retains names, search metadata, and official source URLs. - Network accessline 1328
Solar attribution: [480 Design](https://www.figma.com/@480design), [original collection](https://www.figma.com/community/file/1166831539721848736), [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). The archived SVGs normalize IDs a - Network accessline 1346
RIFT, NOCT, Meltday, and Veylo are fictional demonstration projects built with Light-UI-UX. Screenshots and original briefs are in [docs](docs); screenshots are examples of output rather than part of the reusable component library. The QR c
scripts/inspect_ui.py
- Executable scriptline 1
#!/usr/bin/env python3 - Access to secretsline 51
[Credential-related source omitted] - Access to secretsline 56
[Credential-related source omitted] - Network accessline 337
def start_local_server(root_dir: Path) -> tuple[http.server.ThreadingHTTPServer, int]: sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) - Network accessline 338
sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) - Network accessline 383
def main(): parser = argparse.ArgumentParser(description="Light-UI-UX Multi-Viewport Screenshotter & 67-Rule UI Linter") parser.add_argument("target", nargs="?", default="", help="URL (http://...), HTML file path, or source director - Network accessline 384
parser = argparse.ArgumentParser(description="Light-UI-UX Multi-Viewport Screenshotter & 67-Rule UI Linter") parser.add_argument("target", nargs="?", default="", help="URL (http://...), HTML file path, or source directory to audit") - Network accessline 385
parser.add_argument("target", nargs="?", default="", help="URL (http://...), HTML file path, or source directory to audit") - Network accessline 411
if is_url: try: with urllib.request.urlopen(target_str, timeout=15) as resp: - Network accessline 412
try: with urllib.request.urlopen(target_str, timeout=15) as resp: raw_html_for_mask = resp.read().decode("utf-8", errors="replace") - Network accessline 413
with urllib.request.urlopen(target_str, timeout=15) as resp: - Network accessline 423
if not args.lint_only and target_fp.suffix.lower() in (".html", ".htm"): httpd, port = start_local_server(target_fp.parent) target_url = f"http://127.0.0.1:{port}/{target_fp.name}" - Network accessline 424
httpd, port = start_local_server(target_fp.parent) target_url = f"http://127.0.0.1:{port}/{target_fp.name}" elif target_fp.is_dir(): - Network accessline 425
target_url = f"http://127.0.0.1:{port}/{target_fp.name}" - Network accessline 435
raw_html_for_mask = idx_html.read_text(encoding="utf-8", errors="replace") httpd, port = start_local_server(target_fp) target_url = f"http://127.0.0.1:{port}/index.html" - Network accessline 437
target_url = f"http://127.0.0.1:{port}/index.html" - Network accessline 444
if browser_bin and (is_url or target_url.startswith("http://127.0.0.1:")):
scripts/media_gen.py
- Executable scriptline 1
#!/usr/bin/env python3 - Access to secretsline 72
[Credential-related source omitted] - Access to secretsline 88
[Credential-related source omitted] - Access to secretsline 89
[Credential-related source omitted] - Access to secretsline 99
[Credential-related source omitted] - Access to secretsline 100
[Credential-related source omitted] - Access to secretsline 106
[Credential-related source omitted] - Access to secretsline 107
[Credential-related source omitted] - Access to secretsline 108
[Credential-related source omitted] - Access to secretsline 109
[Credential-related source omitted] - Access to secretsline 110
[Credential-related source omitted] - Access to secretsline 111
[Credential-related source omitted] - Access to secretsline 112
[Credential-related source omitted] - Access to secretsline 113
[Credential-related source omitted] - Access to secretsline 235
[Credential-related source omitted] - Network accessline 238
if not api_url: api_url = "https://api.openai.com/v1/images/generations" - Network accessline 239
api_url = "https://api.openai.com/v1/images/generations" - Network accessline 254
req = urllib.request.Request( - Access to secretsline 259
[Credential-related source omitted] - Network accessline 265
with urllib.request.urlopen(req, timeout=90) as resp: - Network accessline 273
img_bytes = base64.b64decode(first["b64_json"]) elif "url" in first and first["url"]: img_req = urllib.request.Request(first["url"], headers={"User-Agent": "Light-UI-UX/1.0"}) - Possible obfuscationline 273
img_bytes = base64.b64decode(first["b64_json"]) - Network accessline 274
elif "url" in first and first["url"]: img_req = urllib.request.Request(first["url"], headers={"User-Agent": "Light-UI-UX/1.0"}) with urllib.request.urlopen(img_req, timeout=60) as ir: - Network accessline 275
img_req = urllib.request.Request(first["url"], headers={"User-Agent": "Light-UI-UX/1.0"}) - Network accessline 276
with urllib.request.urlopen(img_req, timeout=60) as ir: - Network accessline 298
aic_url = ( "https://api.artic.edu/api/v1/artworks/search?" + urllib.parse.urlencode( - Network accessline 299
"https://api.artic.edu/api/v1/artworks/search?" + urllib.parse.urlencode( { - Network accessline 308
) try: req = urllib.request.Request(aic_url, headers=headers) - Network accessline 309
try: req = urllib.request.Request(aic_url, headers=headers) with urllib.request.urlopen(req, timeout=20) as resp: - Network accessline 310
req = urllib.request.Request(aic_url, headers=headers) - Network accessline 311
with urllib.request.urlopen(req, timeout=20) as resp: - Network accessline 312
data = json.loads(resp.read().decode("utf-8")) iiif_base = data.get("config", {}).get("iiif_url", "https://www.artic.edu/iiif/2") for item in data.get("data", []): - Network accessline 313
iiif_base = data.get("config", {}).get("iiif_url", "https://www.artic.edu/iiif/2") - Network accessline 316
if img_id: dl_url = f"{iiif_base}/{img_id}/full/1400,/0/default.jpg" img_req = urllib.request.Request(dl_url, headers=headers) - Network accessline 317
dl_url = f"{iiif_base}/{img_id}/full/1400,/0/default.jpg" img_req = urllib.request.Request(dl_url, headers=headers) with urllib.request.urlopen(img_req, timeout=30) as ir: - Network accessline 318
img_req = urllib.request.Request(dl_url, headers=headers) - Network accessline 319
with urllib.request.urlopen(img_req, timeout=30) as ir: - Network accessline 337
wiki_url = ( "https://commons.wikimedia.org/w/api.php?" + urllib.parse.urlencode( - Network accessline 338
"https://commons.wikimedia.org/w/api.php?" + urllib.parse.urlencode( { - Network accessline 351
) ) req = urllib.request.Request(wiki_url, headers=headers) - Network accessline 352
) req = urllib.request.Request(wiki_url, headers=headers) with urllib.request.urlopen(req, timeout=20) as resp: - Network accessline 353
req = urllib.request.Request(wiki_url, headers=headers) - Network accessline 354
with urllib.request.urlopen(req, timeout=20) as resp: - Network accessline 359
dl_url = iinfo.get("thumburl") or iinfo.get("url") if dl_url: img_req = urllib.request.Request(dl_url, headers=headers) - Network accessline 360
if dl_url: img_req = urllib.request.Request(dl_url, headers=headers) with urllib.request.urlopen(img_req, timeout=30) as ir: - Network accessline 361
img_req = urllib.request.Request(dl_url, headers=headers) - Network accessline 362
with urllib.request.urlopen(img_req, timeout=30) as ir: - Access to secretsline 542
[Credential-related source omitted] - Network accessline 547
"tier2_custom_api": { "configured": has_api, "api_url": cfg.get("api_url") or "(default: https://api.openai.com/v1/images/generations)", - Network accessline 548
"configured": has_api, "api_url": cfg.get("api_url") or "(default: https://api.openai.com/v1/images/generations)", "model": cfg.get("model"), - Network accessline 549
"api_url": cfg.get("api_url") or "(default: https://api.openai.com/v1/images/generations)", - Access to secretsline 551
[Credential-related source omitted] - Access to secretsline 552
[Credential-related source omitted] - Access to secretsline 565
[Credential-related source omitted] - Access to secretsline 608
[Credential-related source omitted] - Access to secretsline 611
[Credential-related source omitted] - Access to secretsline 612
[Credential-related source omitted] - Network accessline 643
p_cfg = sub.add_parser("config", help="Configure custom image generation API URL, Key, and Model") p_cfg.add_argument("--url", help="API Endpoint URL (e.g., https://api.siliconflow.cn/v1/images/generations)") - Network accessline 644
p_cfg.add_argument("--url", help="API Endpoint URL (e.g., https://api.siliconflow.cn/v1/images/generations)")
scripts/package_release.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 36
template = json.loads((root / ".light-ui-ux.example.json").read_text(encoding="utf-8")) if template != { "api_url": "https://your-api.example/v1/images/generations", - Network accessline 37
[Credential-related source omitted] - Network accessline 38
"api_url": "https://your-api.example/v1/images/generations", - Access to secretsline 39
[Credential-related source omitted]
scripts/style_explorer.py
- Executable scriptline 1
#!/usr/bin/env python3
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
Declared and executed: 7 facts
- Contacts www.figma.com, which SKILL.md, the README and the plugin manifest do not mentionscripts/build_arsenal.py:1328High confidence
- Contacts creativecommons.org, which SKILL.md, the README and the plugin manifest do not mentionscripts/build_arsenal.py:1328High confidence
- Contacts api.openai.com, which SKILL.md, the README and the plugin manifest do not mentionscripts/media_gen.py:239High confidence
- Contacts api.artic.edu, which SKILL.md, the README and the plugin manifest do not mentionscripts/media_gen.py:299High confidence
- Contacts www.artic.edu, which SKILL.md, the README and the plugin manifest do not mentionscripts/media_gen.py:313High confidence
- Contacts commons.wikimedia.org, which SKILL.md, the README and the plugin manifest do not mentionscripts/media_gen.py:338High confidence
- Contacts api.siliconflow.cn, which SKILL.md, the README and the plugin manifest do not mentionscripts/media_gen.py:644High confidence
Signal confidence: 468 facts
- Network access in prose of documentationREADME.md:12Low confidence
- Network access in prose of documentationREADME.md:13Low confidence
- Network access in prose of documentationREADME.md:14Low confidence
- Network access in prose of documentationREADME.md:15Low confidence
- Network access in code of documentationREADME.md:29Low confidence
- Network access in prose of documentationREADME.md:49Low confidence
- Network access in prose of documentationREADME.md:51Low confidence
- Network access in code of documentationREADME.md:119Low confidence
- Network access in code of documentationREADME.md:120Low confidence
- Access to secrets in code of documentationREADME.md:121Low confidence
- Network access in prose of documentationREADME.md:140Low confidence
- Network access in prose of documentationREADME.md:141Low confidence
- Network access in prose of documentationREADME.md:142Low confidence
- Network access in prose of documentationREADME.zh-CN.md:12Low confidence
- Network access in prose of documentationREADME.zh-CN.md:13Low confidence
- Network access in prose of documentationREADME.zh-CN.md:14Low confidence
- Network access in prose of documentationREADME.zh-CN.md:15Low confidence
- Network access in code of documentationREADME.zh-CN.md:29Low confidence
- Network access in prose of documentationREADME.zh-CN.md:49Low confidence
- Network access in prose of documentationREADME.zh-CN.md:51Low confidence
- Network access in code of documentationREADME.zh-CN.md:119Low confidence
- Network access in code of documentationREADME.zh-CN.md:120Low confidence
- Access to secrets in code of documentationREADME.zh-CN.md:121Low confidence
- Network access in prose of documentationREADME.zh-CN.md:140Low confidence
- Network access in prose of documentationREADME.zh-CN.md:141Low confidence
- Network access in prose of documentationREADME.zh-CN.md:142Low confidence
- Network access in prose of documentationTHIRD_PARTY_NOTICES.md:25Low confidence
- Network access in prose of documentationTHIRD_PARTY_NOTICES.md:45Low confidence
- Network access in prose of documentationTHIRD_PARTY_NOTICES.md:63Low confidence
- Network access in code of documentationdocs/image-api.en.md:18Low confidence
- Network access in code of documentationdocs/image-api.en.md:19Low confidence
- Access to secrets in code of documentationdocs/image-api.en.md:20Low confidence
- Access to secrets in prose of documentation: a variable, placeholder or call, not a stored valuedocs/image-api.en.md:29Low confidence
- Access to secrets in prose of documentationdocs/image-api.en.md:48Low confidence
- Network access in code of documentationdocs/image-api.zh-CN.md:18Low confidence
- Network access in code of documentationdocs/image-api.zh-CN.md:19Low confidence
- Access to secrets in code of documentationdocs/image-api.zh-CN.md:20Low confidence
- Access to secrets in prose of documentationdocs/image-api.zh-CN.md:29Low confidence
- Access to secrets in prose of documentationdocs/image-api.zh-CN.md:48Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:19Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:20Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:21Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:22Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:23Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:44Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:45Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:46Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:47Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:48Low confidence
- Network access in prose of documentationlicenses/components/bencho.txt:49Low confidence
and 418 more
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Compatible | Standard SKILL.md SKILL.md | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
