Installs into .claude/skills of the current project.
Are you the author of Self Contained Architecture?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/vamseeachanta-self-contained-architecture)
---
name: web-artifacts-builder-self-contained-architecture
description: 'Sub-skill of web-artifacts-builder: Self-Contained Architecture (+1).'
version: 2.0.0
category: _internal
type: reference
scripts_exempt: true
---
# Self-Contained Architecture (+1)
## Self-Contained Architecture
Everything in one HTML file:
- HTML structure
- CSS styles (inline or in `<style>` tags)
- JavaScript functionality (inline or in `<script>` tags)
- Data (embedded JSON or JavaScript objects)
- Assets (inline SVG, base64 images, or CDN links)
## No External Dependencies Required
```html
<!-- Use CDN for libraries when needed -->
<script src="https://cdn.jsdelivr.net/npm/library@version"></script>
<!-- Or embed everything inline -->
<script>
// All JavaScript here
</script>
```
