create-quilltap-theme
v1.0.6
Published
Scaffold a new Quilltap theme plugin
Maintainers
Readme
create-quilltap-theme
Scaffold a new Quilltap theme plugin with a single command.
Usage
Using npm init (recommended)
npm init quilltap-theme my-themeUsing npx
npx create-quilltap-theme my-themeInteractive mode
Run without arguments for interactive prompts:
npm init quilltap-themeSkip prompts
Use -y or --yes to use defaults:
npm init quilltap-theme my-theme --yesWhat gets created
qtap-plugin-theme-my-theme/
├── package.json # npm package configuration
├── manifest.json # Quilltap plugin manifest
├── tokens.json # Theme design tokens (colors, fonts, spacing)
├── index.ts # Plugin entry point
├── styles.css # CSS component overrides (optional)
├── tsconfig.json # TypeScript configuration
├── esbuild.config.mjs # Build configuration
├── README.md # Documentation
├── .gitignore # Git ignore rules
├── docs/ # Development documentation
│ └── THEME_PLUGIN_DEVELOPMENT.md
└── .storybook/ # Storybook setup (optional)
├── main.ts
├── preview.ts
└── ThemeProvider.tsxOptions
| Option | Description |
|--------|-------------|
| -y, --yes | Skip prompts and use default values |
| -h, --help | Show help message |
Interactive prompts
When run without --yes, you'll be asked:
- Theme name - e.g., "sunset", "ocean-breeze"
- Description - Brief description of your theme
- Author name - Your name
- Author email - Your email
- Primary color - Main theme color in HSL format
- Include CSS overrides? - Whether to create styles.css
- Include Storybook? - Whether to set up Storybook for development
Next steps after scaffolding
cd qtap-plugin-theme-my-theme
npm install
npm run buildTo preview in Storybook (if included):
npm run storybookTo publish:
npm publish --access publicDocumentation
Every scaffolded theme includes a complete development guide at docs/THEME_PLUGIN_DEVELOPMENT.md.
For the latest online documentation:
License
MIT
