skills.rest
ckrono-prog
ckrono-progCOMMUNITY
Explore all skills by this author →
GitHub

artifacts

Automate creation and management of project artifacts across platforms.

Updated May 16, 2026
Search Tags:#automation#project management#web development#app development#mobile development
One-click install
npx skills add https://github.com/ckrono-prog/Kotlin-Code-Builder --skill artifacts-ckrono-prog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: artifacts
Source: https://github.com/ckrono-prog/Kotlin-Code-Builder/tree/main/.local/skills/artifacts
Command: npx skills add https://github.com/ckrono-prog/Kotlin-Code-Builder --skill artifacts-ckrono-prog

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, react-dom, vite, react-query, zod, axios, express, mongodb, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps streamline the process of creating and managing various project artifacts, such as websites, web apps, mobile apps, slide decks, and data visualizations, by automating the setup and configuration.

Core Features & Use Cases

  • Artifact Creation: Create new artifacts for websites, web apps, mobile apps, slide decks, and data visualizations.
  • Bootstrap and Registration: Automate the initial setup and registration of artifacts.
  • Service Configuration: Configure development and production services for artifacts.
  • Backend and Frontend Management: Handle both backend and frontend setup for full-stack artifacts.
  • Use Case: If you need to quickly set up a new web application, you can use this Skill to create the artifact, write the OpenAPI spec, generate code, and build the frontend all in one go.

Quick Start

Create a new React web app using the artifacts skill with the following command: createArtifact(artifactType="react-vite", slug="my-website", previewPath="/my-website/", title="My Project")

Frequently Asked Questions about artifacts

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

FAQPage Schema
How do I automate web app project setup and artifact creation?▼

Automating web app project setup involves creating and managing project artifacts to handle initial bootstrap, registration, and service configuration. This process streamlines full-stack deployment by automating frontend and backend setup using React, Vite, and Express.

Can I use this artifact automation to manage both frontend and backend services?▼

Yes, artifact automation manages both backend and frontend setup for full-stack artifacts. It configures development and production services, handling everything from the React frontend to the Express and MongoDB backend infrastructure.

What dependencies do I need to create React web apps with automated artifact management?▼

To create React web apps with automated artifact management, you need dependencies including React, React-DOM, Vite, React-Query, Zod, Axios, Express, and MongoDB. These frameworks support the full-stack configuration and deployment process.

How do I quickly bootstrap a new React web app project?▼

To quickly bootstrap a new React web app project, you can create an artifact using the command createArtifact with artifactType set to react-vite. This automates the initial setup, OpenAPI spec generation, code creation, and frontend building in one go.

Does artifact creation support mobile development and data visualizations?▼

Yes, artifact creation supports mobile development and data visualizations alongside websites and web apps. The automation handles the setup, configuration, and deployment of these project artifacts across various platforms.

What is the best way to configure development and production services for a new web app?▼

The best way to configure development and production services for a new web app is using artifact management automation. It handles the specific service configurations required for full-stack artifacts, ensuring proper setup across both development and production environments.

Related Skills

Explore More Product & Management Skills→
lpjhelderlpjhelder

forge-setup

Install and configure kronon-forge with Node.js and npm.

Community
Intermediate
The-AIOSThe-AIOS
15

web-artifacts-builder

Automate setup, development, and bundling of React web artifacts with Vite.

Official
Intermediate
ouzayrouzayr

fullstack-js

Build full-stack JavaScript apps with drizzle-zod, wouter, react-hook-form, react-query, and Tailwind CSS.

Community
Advanced
vinhgiangvinhgiang

nx-generate

Generate code artifacts in an Nx monorepo using Nx generators.

Community
Intermediate