Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

astro-dev

Estrelas19

Forks6

Atualizado6 de junho de 2026 às 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.

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

g00glen00b

g00glen00b/dimitri.codes

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Desenvolvedores de softwareInformática e Matemática·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.

Mais deste repositório

mesmo repositório

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