# Web Artifacts Builder Basic Template

> Sub-skill of web-artifacts-builder: Basic Template.

- Skill: `vamseeachanta/web-artifacts-builder-basic-template` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/web-artifacts-builder-basic-template`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/web-artifacts-builder-basic-template/raw
- Safety review: pending
- 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-basic-template

---


# Basic Template

## Basic Template


```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Artifact</title>
    <style>
        /* Reset and base styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            line-height: 1.6;
            color: #333;
            background: #f5f5f5;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;

*See sub-skills for full details.*

