feat: add example

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

@@ -0,0 +1,2 @@
+export { {{name.pascalCase}}Screen } from './{{name.kebabCase}}.screen'
+export type { {{name.pascalCase}}ScreenProps } from './types/{{name.kebabCase}}-screen-props.type'

.opencode/skills/template-generation/reference/examples/nextjs-app-router-slm/.templates/screen/{{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/screen/{{name.kebabCase}}/types/{{name.kebabCase}}-screen-props.type.ts

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

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

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