ffsshhttiikk
ffsshhttiikk/opencode-agents-skills
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/ffsshhttiikk/opencode-agents-skills --skill html命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | html |
| description | HTML markup language for structuring web pages |
| license | MIT |
| compatibility | opencode |
| metadata | {"audience":"developers","category":"web-development"} |
When creating or structuring web pages.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title</title>
<meta name="description" content="Description">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
</nav>
</header>
<main>
<article>
<h1>Title</h1>
<p>Content</p>
</article>
<aside>
<h2>Related</h2>
</aside>
</main>
<footer>© 2024</footer>
</body>
</html>
<header>Site header</header>
<nav>Navigation</nav>
<main>Main content</main>
<article>Self-contained content</article>
<section>Thematic grouping</section>
<aside>Sidebar content</aside>
<footer>Footer content</footer>
<figure>
<img src="image.jpg" alt="Description">
<figcaption>Caption</figcaption>
</figure>
<form action="/submit" method="POST">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" minlength="8">
<select name="country">
<option value="">Select</option>
<option value="us">USA</option>
</select>
<button type="submit">Submit</button>
</form>
<!-- ARIA -->
<button aria-label="Close menu" aria-expanded="false">
<span class="visually-hidden">Close</span>
</button>
<!-- Focus management -->
<a href="#main" class="visually-hidden">Skip to content</a>
<!-- Alt text -->
<img src="chart.png" alt="Sales chart showing 50% growth">