frontend-initializer

Initialize frontend projects from remote Git templates and update package.json.

1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/sltc-dev/core-foundry --skill frontend-initializer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-initializer
Source: https://github.com/sltc-dev/core-foundry/tree/main/skills/scaffolding/frontend-initializer
Command: npx skills add https://github.com/sltc-dev/core-foundry --skill frontend-initializer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill streamlines the creation of new frontend projects by leveraging pre-defined templates, eliminating the need for manual setup and configuration.

Core Features & Use Cases

  • Template-based Initialization: Quickly start projects using curated templates for various frameworks and libraries.
  • Project Naming: Automatically updates the project name in package.json for consistency.
  • Use Case: A developer needs to start a new React project with Next.js and Tailwind CSS. They can use this Skill to initialize the project with a single command, ensuring all necessary files and configurations are in place.

Quick Start

Use the frontend-initializer skill to create a new project named 'my-awesome-app' using the 'react/nextjs-tailwind' template.

Frequently Asked Questions about frontend-initializer

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

FAQPage Schema
How do I initialize a new frontend project using a template?

To initialize a new frontend project, this Skill copies template content from a remote Git repository and automatically updates the project name in package.json using Python scripts. It streamlines project creation by leveraging pre-defined templates to eliminate manual setup and configuration.

Can I bootstrap a Next.js project with Tailwind CSS automatically?

Yes, you can bootstrap a Next.js project with Tailwind CSS automatically. By specifying a template like 'react/nextjs-tailwind' during project initialization, the Skill ensures all necessary files and configurations are instantly in place for your new project.

Do I need Python or Git installed to scaffold a React project?

Yes, you need both Python 3 and Git installed to scaffold a React project. The Skill relies on Python standard libraries for file operations and JSON parsing, and fetches the frontend scaffolding templates from a remote Git repository.

What is the best way to list available frontend templates before creating a project?

The best way to list available frontend templates is to use the Skill's built-in listing functionality. It queries the remote Git repository of templates, allowing you to view curated framework options before initializing your project.

Does the scaffolding script automatically update the project name in package.json?

Yes, the scaffolding script automatically updates the project name in package.json. During project initialization, the Python scripts parse the JSON file and modify the naming fields to ensure consistency with your newly created frontend project directory.