메뉴
Full coding context for the dimitri.codes Astro blog — commands, architecture, data flow, routing, conventions, and deployment. Load before writing code, reviewing changes, or discussing project conventions.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Validate a blog post's frontmatter, resolve asset paths, and run astro check to catch type errors. Use when the user wants to verify a post is valid, check frontmatter, or validate before committing a new post.
Interviews the user about a blog post idea — one question at a time — to sharpen scope and nail down structure, producing a concise brief an agent can use to assist in writing. Use when the user wants to develop or clarify a blog post idea before writing.
Create a new Astro component for the dimitri.codes blog with TypeScript props, Tailwind styling, and correct project conventions. Use when the user wants to add a component, create a new UI element, or build a reusable Astro component.
Generate a catchy excerpt for an existing blog post — resolves the post from a slug, path, or conversation context, produces 3 variants in the blog's established style, then writes the chosen one to the post's frontmatter. Use when the user wants to generate, create, or write an excerpt for a blog post.
Audit all tags across blog posts, surface case inconsistencies, near-duplicates (e.g. Node.js vs NodeJS), and low-frequency tags. Suggests canonical forms and outputs ready-to-use sed rename commands. Use when the user wants to clean up tags, find duplicate tags, audit tag quality, or rename a tag across all posts.
Scaffold a new blog post for the dimitri.codes Astro blog interactively — collects title, categories, tags, and featuredImage conversationally then creates the file with correct frontmatter. Use when the user wants to create a new blog post, write a new article, or add a new post to the blog.
| name | astro-dev |
| description | Full coding context for the dimitri.codes Astro blog — commands, architecture, data flow, routing, conventions, and deployment. Load before writing code, reviewing changes, or discussing project conventions. |
npm run dev # Start dev server at http://localhost:4321
npm run build # Type-check (astro check) then build for production
npm run preview # Preview production build locally
No test suite exists. The build command (astro check && astro build) is the primary correctness check.
Node version: 22.12.0 (see .nvmrc).
This is a personal blog (dimitri.codes) built with Astro and TypeScript. It is a static site with no backend.
src/utils/post.ts is the core data layer:
mapToSortedPosts() — converts collection entries to Post objects, sorted newest-firstmapToCollectionPosts() — groups posts by category/tag and paginates themsliceIntoPages() — splits arrays into CollectionPage objects (CollectionPage type is defined in src/models/)kebabCase() — converts category/tag names to URL-safe slugs used in routesPages under src/pages/ consume these utilities directly; there is no separate API layer.
src/pages/[...post].astro — individual post pages (dynamic route from content collection)src/pages/posts/index.astro — paginated post listingsrc/pages/category/[category].astro and src/pages/tag/[tag].astro — filtered/paginated listingssrc/pages/rss.xml.ts, src/pages/manifest.json.ts, src/pages/favicon-[size].png.ts — generated assetssrc/pages/social/ — social card images generated at build time via Canvas (src/utils/image.ts)npx prettier --write if needed.astro/tsconfigs/strict). All models are in src/models/.src/styles/global.css. No CSS framework.SiteLayout.astro (src/layouts/) is the root layout wrapper. PostCard.astro renders post previews.src/config/config.ts and are exported as CONFIG.Netlify hosts the site. .github/workflows/deploy.yaml triggers a Netlify build hook daily at 3 PM UTC on weekdays via the NETLIFY_BUILD_HOOK secret — no code changes needed for scheduled rebuilds.