feat: add example

.opencode/skills/template-generation/reference/examples/nextjs-app-router-slm/.templates/widget/{{name.kebabCase}}/index.ts

@@ -0,0 +1,2 @@
+export { {{name.pascalCase}}Widget } from './{{name.kebabCase}}.widget'
+export type { {{name.pascalCase}}WidgetProps } from './types/{{name.kebabCase}}-widget-props.type'

.opencode/skills/template-generation/reference/examples/nextjs-app-router-slm/.templates/widget/{{name.kebabCase}}/styles/{{name.kebabCase}}.module.css

@@ -0,0 +1,3 @@
+.root {
+  display: block;
+}

.opencode/skills/template-generation/reference/examples/nextjs-app-router-slm/.templates/widget/{{name.kebabCase}}/types/{{name.kebabCase}}-widget-props.type.ts

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithoutRef } from 'react'
+
+/**
+ * Параметры виджета {{name.pascalCase}}.
+ */
+export type {{name.pascalCase}}WidgetParams = object
+
+/**
+ * Атрибуты корневого элемента виджета {{name.pascalCase}}.
+ */
+type RootAttrs = ComponentPropsWithoutRef<'div'>
+
+/**
+ * Props виджета {{name.pascalCase}}.
+ */
+export type {{name.pascalCase}}WidgetProps = RootAttrs & {{name.pascalCase}}WidgetParams

.opencode/skills/template-generation/reference/examples/nextjs-app-router-slm/.templates/widget/{{name.kebabCase}}/{{name.kebabCase}}.widget.tsx

@@ -0,0 +1,20 @@
+import cl from 'clsx'
+import type { {{name.pascalCase}}WidgetProps } from './types/{{name.kebabCase}}-widget-props.type'
+import styles from './styles/{{name.kebabCase}}.module.css'
+
+/**
+ * <Назначение виджета {{name.pascalCase}} в 1 строке>.
+ *
+ * Используется для:
+ *  - <сценарий 1>
+ *  - <сценарий 2>
+ */
+export const {{name.pascalCase}}Widget = (props: {{name.pascalCase}}WidgetProps) => {
+  const { children, className, ...rootAttrs } = props
+
+  return (
+    <div {...rootAttrs} className={cl(styles.root, className)}>
+      {children}
+    </div>
+  )
+}