菜单
Create full-page Library templates (category pages, type page) with HTML/CSS/JS snippets and Lab demos. Use when adding copy-paste page layouts like about-page, landing-page, or portfolio templates.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Introduce a new Library collection ID with schema, i18n, Collection Explorer card, and docs catalog row. Use when adding industry verticals or curated resource groups like gym, clinic, restaurant.
Add or edit library resources in packages/content/resources with frontmatter, snippets, and MCP catalog regeneration. Use for any new resource type — components, patterns, prompts, animations, schemas, etc.
Add new Astro pages to apps/www with i18n, SEO, sitemap, and optional nav links. Use when creating site routes like /changelog, /showcase, or any new top-level page on stealthis.dev.
| name | page-resources |
| description | Create full-page Library templates (category pages, type page) with HTML/CSS/JS snippets and Lab demos. Use when adding copy-paste page layouts like about-page, landing-page, or portfolio templates. |
| metadata | {"tags":"content, pages, lab, html, library, templates"} |
Use this skill when adding a copy-paste full-page template to the StealThis Library — resources with category: pages and type: page. For Astro routes on stealthis.dev itself, use create-site-pages.
packages/content/resources/my-landing-page/
index.mdx
snippets/
html.html # required for Lab
style.css # recommended
script.js # if interactive
react.tsx # optional second target
---
slug: my-landing-page
title: My Landing Page
description: One sentence describing the page layout and use case.
category: pages
type: page
tags: [landing, hero, cta, pricing]
tech: [css, javascript]
difficulty: med
targets: [html]
labRoute: /pages/my-landing-page
license: MIT
author:
name: "Stealthis"
src: "https://github.com/Foodhy/stealthis"
createdAt: 2026-06-12
updatedAt: 2026-06-12
---
| Field | Value |
|---|---|
category | pages (current page/showcase work) or web-pages (legacy bucket — follow existing neighbors) |
type | page |
labRoute | /<category>/<slug> — enables Lab button and static route |
targets | Only list targets with actual snippet files |
difficulty | easy / med / hard — affects homepage marquee tiers |
Lab inlines CSS/JS only when html.html references sibling files:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>My Landing Page</title>
</head>
<body>
<main class="demo-root">
<!-- page sections -->
</main>
<script src="script.js"></script>
</body>
</html>
<link rel="stylesheet" href="style.css" /> → Lab inlines style.css<script src="script.js"> → Lab inlines script.jshtml.html → Lab shows fallback messageTypical sections for page templates:
Keep CSS self-contained in style.css. Prefer semantic HTML and responsive layout without external frameworks unless the page topic requires it.
bun run --filter @stealthis/mcp catalog # regenerate MCP catalog
bun run lint
bun run build:www
bun run build:lab
curl -s -o /dev/null -w "%{http_code}" http://localhost:4321/r/my-landing-page
curl -s -o /dev/null -w "%{http_code}" http://localhost:4323/pages/my-landing-page
| Slug | What it demonstrates |
|---|---|
about-page | Team page with flip cards and timeline |
changelog-page | Release history layout |
blog-listing-page | Post grid with filters |
analytics-page | Dashboard-style page shell |
Browse packages/content/resources/*/index.mdx where type: page for more patterns.
packages/content/resources/<slug>/index.mdx with valid frontmattersnippets/html.html (+ style.css, script.js as needed)labRoute matches /<category>/<slug>targets matches files presentbun run lint + build www + labcontent-authoringCONTENT_AUTHORING.md at repo rootapps/lab/src/pages/[category]/[slug].astro