Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

astro-dev

Estrellas19

Forks6

Actualizado6 de junio de 2026 a las 16:14

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.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

g00glen00b

g00glen00b/dimitri.codes

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·SOC 15-1252

SKILL.md

readonly

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.

Astro Dev

Commands

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).

Architecture

This is a personal blog (dimitri.codes) built with Astro and TypeScript. It is a static site with no backend.

Data flow

src/utils/post.ts is the core data layer:

mapToSortedPosts() — converts collection entries to Post objects, sorted newest-first
mapToCollectionPosts() — groups posts by category/tag and paginates them
sliceIntoPages() — splits arrays into CollectionPage objects (CollectionPage type is defined in src/models/)
kebabCase() — converts category/tag names to URL-safe slugs used in routes

Pages under src/pages/ consume these utilities directly; there is no separate API layer.

Routing

src/pages/[...post].astro — individual post pages (dynamic route from content collection)
src/pages/posts/index.astro — paginated post listing
src/pages/category/[category].astro and src/pages/tag/[tag].astro — filtered/paginated listings
src/pages/rss.xml.ts, src/pages/manifest.json.ts, src/pages/favicon-[size].png.ts — generated assets
src/pages/social/ — social card images generated at build time via Canvas (src/utils/image.ts)

Conventions

Prettier: no semicolons, LF line endings, single quotes, trailing commas (ES5). Run npx prettier --write if needed.
TypeScript: strict mode (astro/tsconfigs/strict). All models are in src/models/.
Styling: scoped Astro component styles + CSS custom properties defined in src/styles/global.css. No CSS framework.
Components: SiteLayout.astro (src/layouts/) is the root layout wrapper. PostCard.astro renders post previews.
Site config: all site-level constants (title, URL, page size, social links) live in src/config/config.ts and are exported as CONFIG.

Deployment

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.

Más de este repositorio

mismo repositorio

check-post

g00glen00b/dimitri.codes

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.

2026-06-1419

grill-post

g00glen00b/dimitri.codes

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.

2026-06-1419

add-component

g00glen00b/dimitri.codes

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.

2026-06-0619

generate-excerpt

g00glen00b/dimitri.codes

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.

2026-06-0619

tag-cleanup

g00glen00b/dimitri.codes

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.

2026-06-0619

new-post

g00glen00b/dimitri.codes

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.

2026-06-0619

Astro Dev

Commands

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).

Architecture

This is a personal blog (dimitri.codes) built with Astro and TypeScript. It is a static site with no backend.

Data flow

src/utils/post.ts is the core data layer:

mapToSortedPosts() — converts collection entries to Post objects, sorted newest-first

mapToCollectionPosts() — groups posts by category/tag and paginates them

sliceIntoPages() — splits arrays into CollectionPage objects (CollectionPage type is defined in src/models/)

kebabCase() — converts category/tag names to URL-safe slugs used in routes

Pages under src/pages/ consume these utilities directly; there is no separate API layer.

Routing

src/pages/[...post].astro — individual post pages (dynamic route from content collection)

src/pages/posts/index.astro — paginated post listing

src/pages/category/[category].astro and src/pages/tag/[tag].astro — filtered/paginated listings

src/pages/rss.xml.ts, src/pages/manifest.json.ts, src/pages/favicon-[size].png.ts — generated assets

src/pages/social/ — social card images generated at build time via Canvas (src/utils/image.ts)

Conventions

Prettier: no semicolons, LF line endings, single quotes, trailing commas (ES5). Run npx prettier --write if needed.

TypeScript: strict mode (astro/tsconfigs/strict). All models are in src/models/.

Styling: scoped Astro component styles + CSS custom properties defined in src/styles/global.css. No CSS framework.

Components: SiteLayout.astro (src/layouts/) is the root layout wrapper. PostCard.astro renders post previews.

Site config: all site-level constants (title, URL, page size, social links) live in src/config/config.ts and are exported as CONFIG.

Deployment