A WebStorm live template to generate a Storybook's stories file for a specific Angular component. Component Story Format V2

webstorm-live-template-a-story.ts

import {Meta, moduleMetadata, StoryObj} from '@storybook/angular';
import {$ComponentName$Component} from './$componentName$.component';

const meta: Meta<$ComponentName$Component> = {
  title: '$StoryName$',
  component: $ComponentName$Component,
};
export default meta;

type Story = StoryObj<$ComponentName$Component>;

export const Default: Story = {
  args: {$END$}
};

How to add live template: https://www.jetbrains.com/help/webstorm/creating-and-editing-live-templates.html

The template above requires this list of variables:

Edit Template Variables

Name	Expression	Default value	Skip if defined
ComponentName		"Foobar"
componentName	lowercaseAndDash(ComponentName)		☑
StoryName		""

Bind the template to TypeScript files (context)