skills.rest
deepfuturenow
deepfuturenowOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/deepfuturenow/dui-primitives --skill create-primitive
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
corezoidcorezoid
58

simulator-init

Initialize and configure the Simulator.Company environment with OAuth authentication and .env storage.

Official
Intermediate
Sri-Krishna-VSri-Krishna-V
4

creating-styled-wrappers

Wrap base primitive components with styled wrappers in React refactors.

Community
Advanced
IgniteUIIgniteUI
169

add-component-property

Adds a reactive property to an existing Lit web component with decorators and tests.

Official
Intermediate
deepfuturenowdeepfuturenow

create-component

Scaffold a DUI component extending a dui-primitive with self-registration.

Official
Intermediate