القائمة
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
استنادا إلى تصنيف SOC المهني
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/ffsshhttiikk/opencode-agents-skills --skill htmlيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض 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">