# HTML+CSS+JS开发技能

## 基本信息
- **名称**: html_css_js
- **描述**: 编写HTML页面结构和CSS样式，实现页面布局、样式设计和响应式适配
- **依赖工具**: read_prompt, read_text, write_text, make_dir, ls

## 执行步骤
1. **分析需求**：`read_text` 读取设计规范
2. **创建目录**：`make_dir` 创建 `./project/{项目名}/static/{css,img,font}/`
3. **编写HTML**：`read_prompt('write_html')` → `write_text` 写入 `static/{文件名}.html`，首页为 `index.html`
4. **编写CSS**：`read_prompt('write_css')` → `write_text` 写入 `static/css/{文件名}.css`
5. **编写JS**：`read_prompt('write_js')` → `write_text` 写入 `static/js/{文件名}.js`
6. **响应式**：媒体查询适配不同屏幕尺寸

## 输出成果
- HTML → `static/`，CSS → `static/css/`，JS → `static/js/`

## 禁止行为
- ❌ 不读提示词就编码
- ❌ 样式直接写在HTML中