# Web Artifacts Builder File Naming

> Sub-skill of web-artifacts-builder: File Naming (+2).

- Skill: `vamseeachanta/web-artifacts-builder-file-naming` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/web-artifacts-builder-file-naming`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/web-artifacts-builder-file-naming/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/web-artifacts-builder-file-naming

---


# File Naming (+2)

## File Naming


```
project-name_v1.0.html
dashboard_2024-01-15.html
calculator-tool.html
```

## Embedding Data


```javascript
// Embed JSON data directly
const DATA = {
    items: [...],
    config: {...}
};

// Or base64 encode binary data
const imageData = 'data:image/png;base64,iVBORw0KGgo...';
```

## Export Functionality


```javascript
function downloadData() {
    const data = JSON.stringify(state, null, 2);
    const blob = new Blob([data], { type: 'application/json' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'export.json';
    a.click();
    URL.revokeObjectURL(url);
}
```