메뉴
Create or edit Flint Static content pages (Markdown + YAML frontmatter). Use when adding pages, blog posts, section indexes, or products to the site.
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/NeoTech/Flint --skill add-content명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
Create or edit Flint Static UI components (TypeScript classes extending Component<T>). Use when building reusable server-rendered UI that appears across multiple pages via {{tag}} placeholders in templates.
Create or edit Flint Static developer documentation (docs/*.md). Use when adding architecture docs, API references, system deep-dives, or updating existing documentation to reflect code changes.
Create or edit Flint Static page templates (HTML with {{tag}} placeholders). Use when adding new page layouts or modifying the structural skeleton of pages.
SKILL.md 표시 중
SOC 직업 분류 기준
| name | add-content |
| description | Create or edit Flint Static content pages (Markdown + YAML frontmatter). Use when adding pages, blog posts, section indexes, or products to the site. |
Create or modify content pages in content/. Each .md file becomes an HTML page at build time. The file path determines the URL; frontmatter determines everything else.
:::children, :::html, or HTMX links to a page| Goal | File path | URL |
|---|---|---|
| Top-level page | content/<slug>.md | /<slug> |
| Section index | content/<section>/index.md | /<section> |
| Child page | content/<section>/<slug>.md | /<section>/<slug> |
Every file must have Short-URI. See for all fields.
references/frontmatter-fields.md---
title: My Page Title
Short-URI: my-page
Template: default
Type: page
Parent: root
Order: 3
Category: General
Labels: [tutorial, beginner]
Description: A short SEO summary
---
Parent: root → appears in top navigationParent: <section-short-uri> → child of that sectionType: section → container page, use :::children in bodyType: product → requires PriceCents, Currency, StripePriceId, StripePaymentLink, ImageStandard GFM Markdown. Extend with three directives:
Auto-list child pages:
:::children sort=date-desc limit=5
:::
Raw HTML block:
:::html
<div hx-get="/fragments/demo.html" hx-target="#output">
<button class="bg-blue-600 text-white px-4 py-2 rounded">Click Me</button>
<div id="output"></div>
</div>
:::
HTMX link:
[Load Data](/fragments/data.html){hx-get hx-target=#output hx-swap=innerHTML}
See references/directives.md for full options and placeholders.
Short-URI is unique across all content filesParent matches an existing section's Short-URI or is rootTemplate matches a file in themes/default/templates/ (without .html)Type is one of: page, post, section, product:::children directivebun run build
<style> or <link> tags — use Tailwind in :::html blocks<script> blocks — client JS goes in src/client/::: blocks — first ::: closes the block:::html — it's raw HTML onlyParent + Order{{tag}} components render it (e.g. Skills: array → {{skill-cards}}, product fields → {{product}})references/frontmatter-fields.md — Complete field reference with types and defaultsreferences/directives.md — :::children, :::html, and HTMX syntax detailsreferences/examples.md — Full page examples (blog post, product, section index)