Agent skill

web-artifacts-builder-file-naming

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

Stars 4
Forks 4

Install this agent skill to your Project

npx add-skill https://github.com/vamseeachanta/workspace-hub/tree/main/.claude/skills/_internal/builders/web-artifacts-builder/file-naming

SKILL.md

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);
}

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results