# Page Resources > 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. - Skill: `foodhy/page-resources` (Agent Skill) - Install (CLI): `npx skillmds@latest add foodhy/page-resources` - Raw SKILL.md: https://api.skillmd.com/api/skills/foodhy/page-resources/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: Foodhy (https://skillmd.com/u/foodhy) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/foodhy/page-resources --- # Page Resources (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`](../create-site-pages/SKILL.md). ## When to use - Landing pages, about pages, pricing pages, portfolios, dashboards - Full HTML page layouts developers can steal into their projects - Runnable Lab preview of the page design ## Folder shape ``` 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 ``` ## Minimal frontmatter ```mdx --- 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 notes for page resources | Field | Value | | --- | --- | | `category` | `pages` (current page/showcase work) or `web-pages` (legacy bucket — follow existing neighbors) | | `type` | `page` | | `labRoute` | `//` — enables Lab button and static route | | `targets` | Only list targets with actual snippet files | | `difficulty` | `easy` / `med` / `hard` — affects homepage marquee tiers | ## Snippet conventions ### HTML shell (Lab-compatible) Lab inlines CSS/JS only when `html.html` references sibling files: ```html My Landing Page
``` - `` → Lab inlines `style.css` - `