agntcms-init

Automate agntcms project setup, design token migration, and content population.

Updated May 29, 2026
One-click install
npx skills add https://github.com/AlexHramovich/fr-preview-migration --skill agntcms-init
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agntcms-init
Source: https://github.com/AlexHramovich/fr-preview-migration/tree/main/.claude/skills/init
Command: npx skills add https://github.com/AlexHramovich/fr-preview-migration --skill agntcms-init

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires agntcms-structure, agntcms-sections, agntcms-content-fs, agntcms-section-new, agntcms-create-page, agntcms-globals, agntcms-frozen-guard, agntcms-git-publish, agntcms-section-validate, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the setup and migration process for new agntcms projects, integrating design bundles, migrating tokens, and populating content pages efficiently.

Core Features & Use Cases

  • Project Initialization: Automates the setup of a new agntcms project, including wiping the demo, integrating design bundles, and populating content pages.
  • Token Migration: Migrates design tokens from a design bundle into the project's theme file.
  • Content Population: Populates page JSONs with content lifted from design mocks, including headers, footers, and site metadata.
  • Use Case: For a user who has just scaffolded a new agntcms project and needs to integrate a Claude Design bundle and migrate content.

Quick Start

Use the agntcms-init skill to initialize your new project with the Claude Design bundle located at 'https://api.anthropic.com/v1/design/h/<hash>'.

Frequently Asked Questions about agntcms-init

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

FAQPage Schema
How do I automate project setup and content migration for agntcms?

Automating agntcms project setup involves wiping demo content, integrating design bundles, migrating tokens, and populating page JSONs. The agntcms-init skill orchestrates these tasks by coordinating specialized dependencies to populate headers, footers, and site metadata efficiently.

What is design token migration and how does it work with agntcms?

Design token migration extracts styling tokens from a design bundle and applies them to an agntcms project's theme file. This process ensures the newly initialized project matches the design specifications by translating design variables into usable theme configurations.

Can I use a Claude Design bundle to populate page content in agntcms?

Yes, you can integrate a Claude Design bundle to populate agntcms page JSONs. The initialization process lifts content directly from design mocks, automatically filling in headers, footers, and site metadata to create a fully populated project structure.

Do I need additional agntcms skills to initialize a new project?

Yes, project initialization requires multiple agntcms dependencies. The setup process relies on specialized skills like agntcms-structure, agntcms-sections, agntcms-content-fs, and agntcms-git-publish to handle specific tasks such as content freezing, section validation, and publishing.

What does demo wipe do during agntcms project initialization?

Demo wipe clears the default placeholder content from a newly scaffolded agntcms project. This prepares a clean environment for integrating actual design bundles and migrating real content tokens without leftover demo data interfering with the new structure.

Are there limitations when migrating content from design mocks to agntcms?

Content migration from design mocks to agntcms relies on automated extraction, which may require manual adjustments for complex layouts. The process populates standard elements like headers and footers but might need validation via agntcms-section-validate to ensure structural integrity.