skills.rest
vesviet
vesvietCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

develop-golf-feature

Implements pages, galleries, and MDX articles for an Astro v5 golf apparel site on Cloudflare Pages.

Updated Feb 10, 2026
Search Tags:#feature development#astro#mdx#cloudflare pages#seo metadata#gallery generation#npm run check
One-click install
npx skills add https://github.com/vesviet/agent-skills --skill develop-golf-feature-vesviet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: develop-golf-feature
Source: https://github.com/vesviet/agent-skills/tree/main/overlays/golf-icm/skills/develop-golf-feature
Command: npx skills add https://github.com/vesviet/agent-skills --skill develop-golf-feature-vesviet

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building features for the Golf ICM catalog site requires following project-specific conventions for Astro pages, auto-generated gallery data, MDX article frontmatter, and brand tone, and this Skill enforces those rules so changes pass validation on the first attempt. ## Core Features & Use Cases - Feature Development Workflow: Guides adding or restructuring pages under src/pages/, publishing MDX articles, and building catalog components following existing project patterns. - Gallery Management: Enforces regenerating gallery data via node generate_galleries.mjs instead of hand-editing generated_galleries.json. - Quality Gates: Requires npm run check to pass, SEO metadata on every page, consistent MDX frontmatter, and premium golf/resort brand tone before commit. - Use Case: When adding a new product gallery page, the Skill directs you to place images in public/, run the gallery generator, mirror existing page structure, and validate with npm run check before committing. ## Quick Start Use the develop-golf-feature skill to add a new MDX article and gallery page to the Golf ICM catalog site.

Frequently Asked Questions about develop-golf-feature

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new page to an Astro site on Cloudflare Pages?▼

Add the page under src/pages/ following the structure and styling of neighboring files, include SEO title and description metadata, then run npm run check to validate types, Astro, and lint rules before committing.

How do I update gallery data in the Golf ICM catalog?▼

Add images to the public/ directory, then run node generate_galleries.mjs to regenerate the gallery data and commit the output. Never edit generated_galleries.json manually, as it is auto-generated.

What frontmatter is required for MDX articles in Astro?▼

MDX articles must mirror the existing article template with title, date, description, image, and tags fields. Body content is styled with @tailwindcss/typography, and non-conforming frontmatter is rejected.

Why does npm run check fail on my Astro site changes?▼

Failures typically come from type errors, Astro compiler issues, or lint violations introduced by the change. Fix all reported errors until npm run check passes cleanly, since the checklist requires it before any commit.

Can I edit generated_galleries.json directly for a quick fix?▼

No, direct edits to generated_galleries.json are forbidden because the file is auto-generated. Always add images to public/ and rerun node generate_galleries.mjs so the data stays consistent with the source images.

Related Skills

Explore More Software Engineering Skills→
one-ieone-ie
129

astro

Build Astro 6 apps with React islands on Cloudflare Workers.

Official
Advanced
STier-AiSTier-Ai
5

wrangler

Automates Cloudflare Workers deployment, configuration and local development via command-line tooling.

Official
Intermediate
jhb-softwarejhb-software
38

astro-accessibility

Audits Astro components for WCAG 2.1 AA compliance gaps in accessibility.

Official
Intermediate
northguildnorthguild
6

astro

Guides building Astro sites with components, pages, adapters, and CLI commands.

Official
Basic