create-primitive

Scaffold a new unstyled DUI primitive with boilerplate files and wired exports.

Updated Apr 24, 2026

Search Tags:#automation #boilerplate #scaffold #code-generation #web-components #lit #primitive

Ready to run

npx skills add https://github.com/deepfuturenow/dui-primitives --skill create-primitive

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: create-primitive
Source: https://github.com/deepfuturenow/dui-primitives/tree/main/.agents/skills/create-primitive
Command: npx skills add https://github.com/deepfuturenow/dui-primitives --skill create-primitive

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates scaffolding of a new unstyled DUI primitive, generating boilerplate files, export wiring, and necessary configuration updates to accelerate primitive creation.

Core Features & Use Cases

Boilerplate generation: creates primitive directory and core class file plus index exports.
Config wiring: updates deno.json and docs registry as needed.
Use Case: When starting a new primitive like badge, avatar, or dialog, run this to bootstrap the project skeleton.

Quick Start

Create a new unstyled DUI primitive scaffold with boilerplate files and exports.

Frequently Asked Questions about create-primitive

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

FAQPage Schema

How do I scaffold a new web component primitive with boilerplate code?▼

To scaffold a new primitive, this tool generates the primitive directory, core class file, and index exports automatically. It creates a minimal, framework-agnostic structure with wired exports to bootstrap your component skeleton quickly.

What is a DUI primitive and when do I need to generate one?▼

A DUI primitive is an unstyled, framework-agnostic web component building block. You need to generate one when starting a new component like badge, avatar, or dialog and want to automate the boilerplate file creation and export wiring.

Can I use this scaffolder to generate Lit web components?▼

Yes, this scaffolder generates framework-agnostic primitives compatible with Lit and web components. It creates the core class file and boilerplate structure without enforcing styling, leaving you free to apply Lit decorators and logic.

What's the best way to automate boilerplate generation for a new primitive?▼

The best way to automate boilerplate generation is using this scaffolder, which creates the primitive directory, core class file, index exports, and updates configuration files like deno.json and docs registries in one step.

Does scaffolding a primitive automatically update my deno.json configuration?▼

Yes, scaffolding a primitive automatically updates your deno.json configuration and docs registry. The tool ensures all export wiring and necessary configuration changes are applied when generating the new component directory.