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">