@bleedingdev/modern-js-create 3.2.0-ultramodern.1 → 3.2.0-ultramodern.11

package/dist/index.js

@@ -485,7 +485,7 @@ const EN_LOCALE = {
         example7: '  create my-app --bff',
         example8: '  create my-app --router tanstack --bff-runtime effect',
         example9: '  create my-app --router tanstack --bff-runtime effect --workspace',
-        example10: '  create my-super-app --ultramodern-workspace --ultramodern-package-source install --ultramodern-package-scope bleedingdev',
+        example10: '  pnpm dlx @bleedingdev/modern-js-create my-super-app',
         moreInfo: '📚 Learn more: https://modernjs.dev'
     },
     version: {
@@ -556,10 +556,32 @@ const ultramodern_workspace_dirname = node_path.dirname(fileURLToPath(import.met
 const workspaceTemplateDir = node_path.resolve(ultramodern_workspace_dirname, '..', 'template-workspace');
 const TANSTACK_ROUTER_VERSION = '1.170.1';
 const MODULE_FEDERATION_VERSION = '2.4.0';
-const TYPESCRIPT_VERSION = '6.0.3';
+const EFFECT_TSGO_VERSION = '0.7.3';
+const TYPESCRIPT_NATIVE_PREVIEW_VERSION = '7.0.0-dev.20260518.1';
+const OXLINT_VERSION = '1.65.0';
+const OXFMT_VERSION = '0.50.0';
+const ULTRACITE_VERSION = '7.7.0';
 const REACT_VERSION = '^19.2.6';
 const REACT_DOM_VERSION = '^19.2.6';
 const WORKSPACE_PACKAGE_VERSION = 'workspace:*';
+const RSTACK_AGENT_SKILLS_COMMIT = '61c948b42512e223bad44b83af4080eba48b2677';
+const baselineAgentSkills = [
+    'rsbuild-best-practices',
+    'rspack-best-practices',
+    'rspack-tracing',
+    'rsdoctor-analysis',
+    'rslib-best-practices',
+    'rslib-modern-package',
+    'rstest-best-practices'
+];
+const privateAgentSkills = [
+    'plan-graph',
+    'dag',
+    'subagent-graph',
+    'helm',
+    'debugger-mode'
+];
+const effectTsgoTypecheckCommand = "node -e \"const fs = require('node:fs'); const { execFileSync, spawnSync } = require('node:child_process'); const bin = execFileSync('effect-tsgo', ['get-exe-path'], { encoding: 'utf8' }).trim(); if (process.platform !== 'win32') fs.chmodSync(bin, 0o755); const result = spawnSync(bin, ['--noEmit', '-p', 'tsconfig.json'], { stdio: 'inherit' }); process.exit(result.status ?? 1);\"";
 const modernPackageNames = [
     '@modern-js/app-tools',
     '@modern-js/plugin-bff',
@@ -609,7 +631,7 @@ const remoteApps = [
         mfName: 'remoteCommerce',
         exposes: {
             './Route': './src/remote-entry.tsx',
-            './Widget': './src/components/CommerceWidget.tsx'
+            './Widget': './src/components/commerce-widget.tsx'
         },
         ownership: {
             team: 'commerce-experience',
@@ -638,7 +660,7 @@ const remoteApps = [
         mfName: 'remoteIdentity',
         exposes: {
             './Route': './src/remote-entry.tsx',
-            './Widget': './src/components/IdentityWidget.tsx'
+            './Widget': './src/components/identity-widget.tsx'
         },
         ownership: {
             team: 'identity-platform',
@@ -666,7 +688,7 @@ const remoteApps = [
         port: 3023,
         mfName: 'remoteDesignSystem',
         exposes: {
-            './Button': './src/components/Button.tsx',
+            './Button': './src/components/button.tsx',
             './tokens': './src/tokens.ts'
         },
         ownership: {
@@ -706,6 +728,81 @@ const effectService = {
         }
     }
 };
+const effectDiagnostics = [
+    'anyUnknownInErrorContext',
+    'classSelfMismatch',
+    'duplicatePackage',
+    'effectFnImplicitAny',
+    'floatingEffect',
+    'genericEffectServices',
+    'missingEffectContext',
+    'missingEffectError',
+    'missingLayerContext',
+    'missingReturnYieldStar',
+    'missingStarInYieldEffectGen',
+    'nonObjectEffectServiceType',
+    'outdatedApi',
+    'overriddenSchemaConstructor',
+    'catchUnfailableEffect',
+    'effectFnIife',
+    'effectGenUsesAdapter',
+    'effectInFailure',
+    'effectInVoidSuccess',
+    'globalErrorInEffectCatch',
+    'globalErrorInEffectFailure',
+    'layerMergeAllWithDependencies',
+    'lazyPromiseInEffectSync',
+    'leakingRequirements',
+    'multipleEffectProvide',
+    'returnEffectInGen',
+    'runEffectInsideEffect',
+    'schemaSyncInEffect',
+    'scopeInLayerEffect',
+    'strictEffectProvide',
+    'tryCatchInEffectGen',
+    'unknownInEffectCatch',
+    'asyncFunction',
+    'cryptoRandomUUID',
+    'cryptoRandomUUIDInEffect',
+    'extendsNativeError',
+    'globalConsole',
+    'globalConsoleInEffect',
+    'globalDate',
+    'globalDateInEffect',
+    'globalFetch',
+    'globalFetchInEffect',
+    'globalRandom',
+    'globalRandomInEffect',
+    'globalTimers',
+    'globalTimersInEffect',
+    'instanceOfSchema',
+    'newPromise',
+    'nodeBuiltinImport',
+    'preferSchemaOverJson',
+    'processEnv',
+    'processEnvInEffect',
+    'unsafeEffectTypeAssertion',
+    'catchAllToMapError',
+    'deterministicKeys',
+    'effectDoNotation',
+    'effectFnOpportunity',
+    'effectMapFlatten',
+    'effectMapVoid',
+    'effectSucceedWithVoid',
+    'missedPipeableOpportunity',
+    'missingEffectServiceDependency',
+    'nestedEffectGenYield',
+    'redundantSchemaTagIdentifier',
+    'schemaStructWithTag',
+    'schemaUnionOfLiterals',
+    'serviceNotAsClass',
+    'strictBooleanExpressions',
+    'unnecessaryArrowBlock',
+    'unnecessaryEffectGen',
+    'unnecessaryFailYieldableError',
+    'unnecessaryPipe',
+    'unnecessaryPipeChain'
+];
 const sharedPackages = [
     {
         id: 'shared-contracts',
@@ -834,10 +931,11 @@ function appDependencies(scope, packageSource) {
 function appDevDependencies(packageSource) {
     return {
         '@modern-js/app-tools': modernPackageSpecifier('@modern-js/app-tools', packageSource),
+        '@effect/tsgo': EFFECT_TSGO_VERSION,
+        "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
         '@types/node': '^20',
         '@types/react': '^19.1.8',
-        '@types/react-dom': '^19.1.6',
-        typescript: TYPESCRIPT_VERSION
+        '@types/react-dom': '^19.1.6'
     };
 }
 function createRootPackageJson(scope, packageSource) {
@@ -845,6 +943,8 @@ function createRootPackageJson(scope, packageSource) {
         private: true,
         name: scope,
         version: '0.1.0',
+        type: 'module',
+        packageManager: 'pnpm@11.1.2',
         scripts: {
             dev: `pnpm --parallel --filter ${ultramodern_workspace_packageName(scope, shellApp.packageSuffix)} --filter ${ultramodern_workspace_packageName(scope, 'remote-commerce')} --filter ${ultramodern_workspace_packageName(scope, 'remote-identity')} --filter ${ultramodern_workspace_packageName(scope, 'remote-design-system')} dev`,
             'dev:shell': `pnpm --filter ${ultramodern_workspace_packageName(scope, shellApp.packageSuffix)} dev`,
@@ -853,13 +953,19 @@ function createRootPackageJson(scope, packageSource) {
             'dev:design-system': `pnpm --filter ${ultramodern_workspace_packageName(scope, 'remote-design-system')} dev`,
             'dev:recommendations': `pnpm --filter ${ultramodern_workspace_packageName(scope, effectService.packageSuffix)} dev`,
             build: 'pnpm -r --filter ./apps/** --filter ./services/** build',
-            typecheck: 'pnpm -r --filter ./apps/** --filter ./services/** --filter ./packages/** typecheck',
+            format: 'oxfmt .',
+            'format:check': 'oxfmt --check .',
+            lint: 'oxlint .',
+            'lint:fix': 'oxlint . --fix',
+            typecheck: `pnpm -r --filter "@${scope}/*" typecheck`,
+            'skills:install': "node ./scripts/bootstrap-agent-skills.mjs",
+            'skills:check': "node ./scripts/bootstrap-agent-skills.mjs --check",
             'ultramodern:check': "node ./scripts/validate-ultramodern-workspace.mjs",
-            check: 'pnpm ultramodern:check'
+            check: 'pnpm format:check && pnpm lint && pnpm typecheck && pnpm skills:check && pnpm ultramodern:check'
         },
         engines: {
             node: '>=20',
-            pnpm: '>=10.0.0'
+            pnpm: '>=11.0.0'
         },
         workspaces: [
             'apps/*',
@@ -867,15 +973,6 @@ function createRootPackageJson(scope, packageSource) {
             'services/*',
             'packages/*'
         ],
-        pnpm: {
-            onlyBuiltDependencies: [
-                '@biomejs/biome',
-                '@swc/core',
-                'core-js',
-                'esbuild',
-                'msgpackr-extract'
-            ]
-        },
         modernjs: {
             preset: 'presetUltramodern',
             workspace: 'ultramodern-superapp',
@@ -887,35 +984,56 @@ function createRootPackageJson(scope, packageSource) {
             }
         },
         devDependencies: {
-            '@biomejs/biome': '1.9.4',
-            typescript: TYPESCRIPT_VERSION
+            '@effect/tsgo': EFFECT_TSGO_VERSION,
+            "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
+            oxlint: OXLINT_VERSION,
+            oxfmt: OXFMT_VERSION,
+            ultracite: ULTRACITE_VERSION
         }
     };
 }
-function createTsConfigBase(scope) {
+function createTsConfigBase() {
     return {
         compilerOptions: {
-            target: 'ES2022',
+            target: 'ESNext',
             lib: [
+                'ESNext',
                 'DOM',
-                'DOM.Iterable',
-                'ES2022'
+                'DOM.Iterable'
             ],
-            module: 'ESNext',
+            module: 'preserve',
             moduleResolution: 'Bundler',
+            moduleDetection: 'force',
             jsx: 'preserve',
+            isolatedModules: true,
+            verbatimModuleSyntax: true,
             strict: true,
             noEmit: true,
+            allowJs: true,
             esModuleInterop: true,
+            noUncheckedIndexedAccess: true,
+            exactOptionalPropertyTypes: true,
+            noImplicitOverride: true,
+            noFallthroughCasesInSwitch: true,
+            noPropertyAccessFromIndexSignature: true,
+            noImplicitReturns: true,
             skipLibCheck: true,
             resolveJsonModule: true,
-            baseUrl: '.',
-            paths: Object.fromEntries(sharedPackages.map((sharedPackage)=>[
-                    ultramodern_workspace_packageName(scope, sharedPackage.id),
-                    [
-                        `${sharedPackage.directory}/src/index.ts`
-                    ]
-                ]))
+            plugins: [
+                {
+                    name: '@effect/language-service',
+                    diagnostics: true,
+                    includeSuggestionsInTsc: true,
+                    ignoreEffectSuggestionsInTscExitCode: false,
+                    ignoreEffectWarningsInTscExitCode: false,
+                    ignoreEffectErrorsInTscExitCode: false,
+                    skipDisabledOptimization: true,
+                    diagnosticSeverity: Object.fromEntries(effectDiagnostics.map((name)=>[
+                            name,
+                            'error'
+                        ]))
+                }
+            ]
         }
     };
 }
@@ -928,20 +1046,6 @@ function createPackageTsConfig(packageDir, includeApi = false) {
     if (includeApi) include.push('api', 'shared');
     return {
         extends: `${relativeRootFor(packageDir)}/tsconfig.base.json`,
-        compilerOptions: {
-            baseUrl: '.',
-            paths: {
-                '@/*': [
-                    './src/*'
-                ],
-                '@api/*': [
-                    './api/*'
-                ],
-                '@shared/*': [
-                    './shared/*'
-                ]
-            }
-        },
         include
     };
 }
@@ -954,7 +1058,7 @@ function createAppPackage(scope, app, packageSource) {
             dev: 'modern dev',
             build: 'modern build',
             serve: 'modern serve',
-            typecheck: 'tsgo --noEmit -p tsconfig.json'
+            typecheck: effectTsgoTypecheckCommand
         },
         modernjs: {
             preset: 'presetUltramodern',
@@ -975,7 +1079,7 @@ function createServicePackage(scope, packageSource) {
             dev: 'modern dev',
             build: 'modern build',
             serve: 'modern serve',
-            typecheck: 'tsgo --noEmit -p tsconfig.json'
+            typecheck: effectTsgoTypecheckCommand
         },
         modernjs: {
             preset: 'presetUltramodern',
@@ -992,10 +1096,11 @@ function createServicePackage(scope, packageSource) {
         devDependencies: {
             '@modern-js/app-tools': modernPackageSpecifier('@modern-js/app-tools', packageSource),
             '@modern-js/plugin-bff': modernPackageSpecifier('@modern-js/plugin-bff', packageSource),
+            '@effect/tsgo': EFFECT_TSGO_VERSION,
+            "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
             '@types/node': '^20',
             '@types/react': '^19.1.8',
-            '@types/react-dom': '^19.1.6',
-            typescript: TYPESCRIPT_VERSION
+            '@types/react-dom': '^19.1.6'
         }
     };
 }
@@ -1010,24 +1115,32 @@ function createSharedPackage(scope, id, description) {
             '.': './src/index.ts'
         },
         scripts: {
-            typecheck: 'tsgo --noEmit -p tsconfig.json'
+            typecheck: effectTsgoTypecheckCommand
         },
         devDependencies: {
-            typescript: TYPESCRIPT_VERSION
+            '@effect/tsgo': EFFECT_TSGO_VERSION,
+            "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION
         }
     };
 }
 function createAppModernConfig(app) {
-    return `import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
+    return `// @effect-diagnostics processEnv:off
+import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
 import { tanstackRouterPlugin } from '@modern-js/plugin-tanstack';
 import { moduleFederationPlugin } from '@module-federation/modern-js-v3';
 
 const appId = '${app.id}';
-const port = Number(process.env.${app.portEnv} ?? ${app.port});
+const port = Number(process.env['${app.portEnv}'] ?? ${app.port});
 
 export default defineConfig(
   presetUltramodern(
     {
+      output: {
+        disableTsChecker: true,
+        polyfill: 'off',
+        splitRouteChunks: false,
+      },
+      plugins: [appTools(), tanstackRouterPlugin(), moduleFederationPlugin()],
       server: {
         port,
         ssr: {
@@ -1035,21 +1148,11 @@ export default defineConfig(
           moduleFederationAppSSR: true,
         },
       },
-      output: {
-        polyfill: 'off',
-        disableTsChecker: true,
-        splitRouteChunks: false,
-      },
-      plugins: [
-        appTools(),
-        tanstackRouterPlugin(),
-        moduleFederationPlugin(),
-      ],
     },
     {
       appId,
-      enableModuleFederationSSR: true,
       enableBffRequestId: true,
+      enableModuleFederationSSR: true,
       enableTelemetryExporters: true,
       telemetryFailLoudStartup: false,
     },
@@ -1057,129 +1160,112 @@ export default defineConfig(
 );
 `;
 }
+function createSharedModuleFederationConfig() {
+    return `  shared: {
+    '@modern-js/runtime': {
+      requiredVersion: runtimeVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+    '@tanstack/react-router': {
+      requiredVersion: dependencies['@tanstack/react-router'],
+      singleton: true,
+      treeShaking: false,
+    },
+    react: {
+      requiredVersion: reactVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+    'react-dom': {
+      requiredVersion: reactDomVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+  }`;
+}
+function formatTsObjectLiteral(value) {
+    const entries = Object.entries(value).sort(([left], [right])=>left.localeCompare(right));
+    if (0 === entries.length) return '{}';
+    return `{
+${entries.map(([key, entryValue])=>`    '${key}': '${entryValue}',`).join('\n')}
+  }`;
+}
 function createShellModuleFederationConfig() {
-    return `import { createRequire } from 'node:module';
+    return `// @effect-diagnostics nodeBuiltinImport:off processEnv:off
+import { createRequire } from 'node:module';
 import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
 import { dependencies } from './package.json';
 
 const require = createRequire(import.meta.url);
-const runtimeVersion = (
-  require('@modern-js/runtime/package.json') as { version: string }
-).version;
-const reactVersion = (require('react/package.json') as { version: string })
-  .version;
-const reactDomVersion = (
-  require('react-dom/package.json') as { version: string }
-).version;
+const runtimeVersion = (require('@modern-js/runtime/package.json') as { version: string }).version;
+const reactVersion = (require('react/package.json') as { version: string }).version;
+const reactDomVersion = (require('react-dom/package.json') as { version: string }).version;
 
 export default createModuleFederationConfig({
-  name: '${shellApp.mfName}',
   dts: false,
+  filename: 'remoteEntry.js',
+  name: '${shellApp.mfName}',
   remotes: {
     commerce:
-      process.env.REMOTE_COMMERCE_MF_MANIFEST ??
+      process.env['REMOTE_COMMERCE_MF_MANIFEST'] ??
       'remoteCommerce@http://localhost:3021/mf-manifest.json',
-    identity:
-      process.env.REMOTE_IDENTITY_MF_MANIFEST ??
-      'remoteIdentity@http://localhost:3022/mf-manifest.json',
     designSystem:
-      process.env.REMOTE_DESIGN_SYSTEM_MF_MANIFEST ??
+      process.env['REMOTE_DESIGN_SYSTEM_MF_MANIFEST'] ??
       'remoteDesignSystem@http://localhost:3023/mf-manifest.json',
+    identity:
+      process.env['REMOTE_IDENTITY_MF_MANIFEST'] ??
+      'remoteIdentity@http://localhost:3022/mf-manifest.json',
   },
-  shared: {
-    react: {
-      singleton: true,
-      requiredVersion: reactVersion,
-      treeShaking: false,
-    },
-    'react-dom': {
-      singleton: true,
-      requiredVersion: reactDomVersion,
-      treeShaking: false,
-    },
-    '@tanstack/react-router': {
-      singleton: true,
-      requiredVersion: dependencies['@tanstack/react-router'],
-      treeShaking: false,
-    },
-    '@modern-js/runtime': {
-      singleton: true,
-      requiredVersion: runtimeVersion,
-      treeShaking: false,
-    },
-  },
+${createSharedModuleFederationConfig()},
 });
 `;
 }
 function createRemoteModuleFederationConfig(app) {
-    const exposes = JSON.stringify(app.exposes ?? {}, null, 4).replace(/^/gm, '  ');
-    return `import { createRequire } from 'node:module';
+    const exposes = formatTsObjectLiteral(app.exposes ?? {});
+    return `// @effect-diagnostics nodeBuiltinImport:off
+import { createRequire } from 'node:module';
 import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
 import { dependencies } from './package.json';
 
 const require = createRequire(import.meta.url);
-const runtimeVersion = (
-  require('@modern-js/runtime/package.json') as { version: string }
-).version;
-const reactVersion = (require('react/package.json') as { version: string })
-  .version;
-const reactDomVersion = (
-  require('react-dom/package.json') as { version: string }
-).version;
+const runtimeVersion = (require('@modern-js/runtime/package.json') as { version: string }).version;
+const reactVersion = (require('react/package.json') as { version: string }).version;
+const reactDomVersion = (require('react-dom/package.json') as { version: string }).version;
 
 export default createModuleFederationConfig({
-  name: '${app.mfName}',
   dts: false,
-  filename: 'remoteEntry.js',
   exposes: ${exposes},
-  shared: {
-    react: {
-      singleton: true,
-      requiredVersion: reactVersion,
-      treeShaking: false,
-    },
-    'react-dom': {
-      singleton: true,
-      requiredVersion: reactDomVersion,
-      treeShaking: false,
-    },
-    '@tanstack/react-router': {
-      singleton: true,
-      requiredVersion: dependencies['@tanstack/react-router'],
-      treeShaking: false,
-    },
-    '@modern-js/runtime': {
-      singleton: true,
-      requiredVersion: runtimeVersion,
-      treeShaking: false,
-    },
-  },
+  filename: 'remoteEntry.js',
+  name: '${app.mfName}',
+${createSharedModuleFederationConfig()},
 });
 `;
 }
 function createServiceModernConfig() {
-    return `import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
+    return `// @effect-diagnostics processEnv:off
+import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
 import { bffPlugin } from '@modern-js/plugin-bff';
 
 const appId = '${effectService.id}';
-const port = Number(process.env.${effectService.portEnv} ?? ${effectService.port});
+const port = Number(process.env['${effectService.portEnv}'] ?? ${effectService.port});
 
 export default defineConfig(
   presetUltramodern(
     {
-      server: {
-        port,
-      },
       bff: {
-        prefix: '/recommendations-api',
-        runtimeFramework: 'effect',
         effect: {
           openapi: {
             path: '/openapi.json',
           },
         },
+        prefix: '/recommendations-api',
+        runtimeFramework: 'effect',
       },
       plugins: [appTools(), bffPlugin()],
+      server: {
+        port,
+      },
     },
     {
       appId,
@@ -1192,11 +1278,7 @@ export default defineConfig(
 `;
 }
 function createShellPage() {
-    return `const remotes = [
-  'remote-commerce',
-  'remote-identity',
-  'remote-design-system',
-];
+    return `const remotes = ['remote-commerce', 'remote-identity', 'remote-design-system'];
 
 export default function ShellHome() {
   return (
@@ -1204,7 +1286,7 @@ export default function ShellHome() {
       <h1>UltraModern SuperApp Shell</h1>
       <p data-testid="ultramodern-preset">presetUltramodern workspace</p>
       <ul>
-        {remotes.map(remote => (
+        {remotes.map((remote) => (
           <li key={remote}>{remote}</li>
         ))}
       </ul>
@@ -1233,8 +1315,8 @@ export default function Layout({ children }: { children: ReactNode }) {
 `;
 }
 function createRemoteEntry(app) {
-    const componentName = 'remote-identity' === app.id ? 'IdentityWidget' : 'CommerceWidget';
-    return `export { default } from './components/${componentName}';
+    const componentFile = 'remote-identity' === app.id ? 'identity-widget' : 'commerce-widget';
+    return `export { default } from './components/${componentFile}';
 `;
 }
 function createRemoteWidget(app) {
@@ -1270,8 +1352,8 @@ export default function Button({ label = 'Design System Button' }: { label?: str
 function createDesignTokens() {
     return `export const designTokens = {
   color: {
-    foreground: '#133225',
     accent: '#2f8f68',
+    foreground: '#133225',
   },
   radius: {
     control: '999px',
@@ -1292,9 +1374,7 @@ const recommendationSchema = Schema.Struct({
   title: Schema.String,
 });
 
-export const recommendationsEffectApi = HttpApi.make(
-  'RecommendationsEffectApi',
-).add(
+export const recommendationsEffectApi = HttpApi.make('RecommendationsEffectApi').add(
   HttpApiGroup.make('recommendations').add(
     HttpApiEndpoint.get('list', '/effect/recommendations', {
       success: Schema.Struct({
@@ -1317,7 +1397,7 @@ import { recommendationsEffectApi } from '../../shared/effect/api';
 const recommendationsLayer = HttpApiBuilder.group(
   recommendationsEffectApi,
   'recommendations',
-  (handlers: any) =>
+  (handlers) =>
     handlers.handle('list', () =>
       Effect.succeed({
         items: [
@@ -1541,11 +1621,15 @@ function createTemplateManifest(modernVersion, packageSource) {
         materialization: {
             targetRoot: 'generated-project-root',
             allowedPaths: [
+                '.agents/**',
                 '.modernjs/**',
+                'AGENTS.md',
                 'README.md',
                 'apps/**',
                 'packages/**',
                 'package.json',
+                'oxfmt.config.ts',
+                'oxlint.config.ts',
                 'pnpm-workspace.yaml',
                 "scripts/**",
                 'services/**',
@@ -1570,6 +1654,22 @@ function createTemplateManifest(modernVersion, packageSource) {
             modernPackageSpecifier: modernPackageVersion(packageSource),
             generatedWorkspacePackageSpecifier: WORKSPACE_PACKAGE_VERSION
         },
+        agentSkills: {
+            installDir: '.agents/skills',
+            source: {
+                repository: 'https://github.com/rstackjs/agent-skills',
+                commit: RSTACK_AGENT_SKILLS_COMMIT,
+                license: 'MIT',
+                licensePath: '.agents/rstackjs-agent-skills-LICENSE'
+            },
+            baseline: baselineAgentSkills,
+            privateSource: {
+                repository: 'https://github.com/TechsioCZ/skills',
+                install: 'clone-if-authorized',
+                baseline: privateAgentSkills
+            },
+            lockFile: '.agents/skills-lock.json'
+        },
         validation: {
             schemaValidation: true,
             sourceValidation: [
@@ -1589,7 +1689,7 @@ function createTemplateManifest(modernVersion, packageSource) {
                 'template-manifest-retained'
             ],
             expectedCommands: [
-                "pnpm install --ignore-scripts",
+                'pnpm install',
                 'pnpm run ultramodern:check'
             ]
         }
@@ -1605,11 +1705,11 @@ function writeApp(targetDir, scope, app, packageSource) {
     writeFile(targetDir, `${app.directory}/src/routes/page.tsx`, 'shell' === app.kind ? createShellPage() : createRemotePage(app));
     if ('vertical' === app.kind) {
         writeFile(targetDir, `${app.directory}/src/remote-entry.tsx`, createRemoteEntry(app));
-        const widgetFile = 'remote-identity' === app.id ? 'IdentityWidget.tsx' : 'CommerceWidget.tsx';
+        const widgetFile = 'remote-identity' === app.id ? 'identity-widget.tsx' : 'commerce-widget.tsx';
         writeFile(targetDir, `${app.directory}/src/components/${widgetFile}`, createRemoteWidget(app));
     }
     if ('horizontal-design-system' === app.kind) {
-        writeFile(targetDir, `${app.directory}/src/components/Button.tsx`, createDesignButton());
+        writeFile(targetDir, `${app.directory}/src/components/button.tsx`, createDesignButton());
         writeFile(targetDir, `${app.directory}/src/tokens.ts`, createDesignTokens());
     }
 }
@@ -1636,27 +1736,27 @@ function writeSharedPackages(targetDir, scope) {
         });
     }
     writeFile(targetDir, 'packages/shared-contracts/src/index.ts', `export const ultramodernWorkspaceContract = {
+  ownership: 'topology/ownership.json',
   preset: 'presetUltramodern',
   topology: 'topology/reference-topology.json',
-  ownership: 'topology/ownership.json',
 } as const;
 `);
     writeFile(targetDir, 'packages/shared-design-tokens/src/index.ts', `export const sharedDesignTokens = {
   color: {
-    surface: '#f6fbf7',
-    foreground: '#133225',
     accent: '#2f8f68',
+    foreground: '#133225',
+    surface: '#f6fbf7',
   },
 } as const;
 `);
-    writeFile(targetDir, 'packages/shared-effect-api/src/index.ts', `export type Recommendation = {
+    writeFile(targetDir, 'packages/shared-effect-api/src/index.ts', `export interface Recommendation {
   id: string;
   title: string;
-};
+}
 
 export const recommendationsApiContract = {
-  serviceId: '${effectService.id}',
   basePath: '/recommendations-api/effect/recommendations',
+  serviceId: '${effectService.id}',
 } as const;
 `);
 }
@@ -1671,7 +1771,7 @@ function generateUltramodernWorkspace(options) {
         packageScope: scope
     });
     writeJson(options.targetDir, 'package.json', createRootPackageJson(scope, packageSource));
-    writeJson(options.targetDir, 'tsconfig.base.json', createTsConfigBase(scope));
+    writeJson(options.targetDir, 'tsconfig.base.json', createTsConfigBase());
     writeJson(options.targetDir, 'topology/reference-topology.json', createTopology(scope));
     writeJson(options.targetDir, 'topology/ownership.json', createOwnership(scope));
     writeJson(options.targetDir, 'topology/local-overlays/development.json', createDevelopmentOverlay());
@@ -1866,14 +1966,17 @@ function createBuiltinTemplateManifest(version) {
         materialization: {
             targetRoot: 'generated-project-root',
             allowedPaths: [
+                '.agents/**',
                 '.browserslistrc',
                 '.gitignore',
                 '.modernjs/**',
                 '.nvmrc',
+                'AGENTS.md',
                 'README.md',
                 'api/**',
-                'biome.json',
                 'modern.config.ts',
+                'oxfmt.config.ts',
+                'oxlint.config.ts',
                 'package.json',
                 'postcss.config.mjs',
                 "scripts/**",
@@ -2017,9 +2120,19 @@ function writeTemplateManifestEvidence(targetDir, manifest) {
     });
     node_fs.writeFileSync(evidencePath, `${JSON.stringify(manifest, null, 2)}\n`);
 }
-function showVersion() {
+function readCreatePackageJson() {
     const createPackageJson = node_path.resolve(src_dirname, '..', 'package.json');
-    const createPackage = JSON.parse(node_fs.readFileSync(createPackageJson, 'utf-8'));
+    return JSON.parse(node_fs.readFileSync(createPackageJson, 'utf-8'));
+}
+function isBleedingDevCreatePackage(createPackage) {
+    return '@bleedingdev/modern-js-create' === createPackage.name;
+}
+function getBleedingDevFrameworkVersion(createPackage, fallbackVersion) {
+    const frameworkVersion = createPackage.ultramodern?.frameworkVersion;
+    return 'string' == typeof frameworkVersion && frameworkVersion.length > 0 ? frameworkVersion : fallbackVersion;
+}
+function showVersion() {
+    const createPackage = readCreatePackageJson();
     const version = createPackage.version || 'unknown';
     console.log(i18n.t(localeKeys.version.message, {
         version
@@ -2090,14 +2203,15 @@ function detectWorkspaceProtocolFlag() {
     const args = process.argv.slice(2);
     return args.includes('--workspace');
 }
-function detectUltramodernWorkspaceFlag() {
+function detectUltramodernWorkspaceFlag(createPackage) {
     const args = process.argv.slice(2);
-    return args.includes(ULTRAMODERN_WORKSPACE_FLAG);
+    return args.includes(ULTRAMODERN_WORKSPACE_FLAG) || isBleedingDevCreatePackage(createPackage);
 }
-function detectUltramodernPackageSource(args, modernVersion) {
+function detectUltramodernPackageSource(args, defaultPackageVersion, createPackage) {
+    const bleedingDevDefaults = isBleedingDevCreatePackage(createPackage);
     const strategy = getOptionValue(args, [
         '--ultramodern-package-source'
-    ]) ?? 'workspace';
+    ]) ?? (bleedingDevDefaults ? 'install' : 'workspace');
     if ('workspace' !== strategy && 'install' !== strategy) {
         console.error('--ultramodern-package-source must be "workspace" or "install"');
         process.exit(1);
@@ -2106,18 +2220,29 @@ function detectUltramodernPackageSource(args, modernVersion) {
         strategy,
         modernPackageVersion: getOptionValue(args, [
             '--ultramodern-package-version'
-        ]) ?? modernVersion,
+        ]) ?? defaultPackageVersion,
         registry: getOptionValue(args, [
             '--ultramodern-package-registry'
         ]),
         aliasScope: getOptionValue(args, [
             '--ultramodern-package-scope'
-        ]),
+        ]) ?? (bleedingDevDefaults && 'install' === strategy ? 'bleedingdev' : void 0),
         aliasPackageNamePrefix: getOptionValue(args, [
             '--ultramodern-package-name-prefix'
         ]) ?? 'modern-js-'
     };
 }
+function src_modernAliasPackageName(packageName, packageSource) {
+    if (!packageSource.aliasScope) return packageName;
+    const scope = packageSource.aliasScope.replace(/^@/, '');
+    const unscopedName = packageName.split('/').at(-1);
+    return `@${scope}/${packageSource.aliasPackageNamePrefix ?? ''}${unscopedName}`;
+}
+function singleAppModernPackageSpecifier(packageName, packageSource, useWorkspaceProtocol) {
+    if (useWorkspaceProtocol) return 'workspace:*';
+    if ('install' !== packageSource.strategy || !packageSource.aliasScope) return packageSource.modernPackageVersion;
+    return `npm:${src_modernAliasPackageName(packageName, packageSource)}@${packageSource.modernPackageVersion}`;
+}
 function isDirectoryEmpty(dirPath) {
     if (!node_fs.existsSync(dirPath)) return false;
     try {
@@ -2203,16 +2328,16 @@ async function main() {
             process.exit(1);
         }
     }
-    const createPackageJson = node_path.resolve(src_dirname, '..', 'package.json');
-    const createPackage = JSON.parse(node_fs.readFileSync(createPackageJson, 'utf-8'));
+    const createPackage = readCreatePackageJson();
     const version = createPackage.version || 'latest';
-    const generateWorkspace = detectUltramodernWorkspaceFlag();
+    const ultramodernPackageVersion = isBleedingDevCreatePackage(createPackage) ? getBleedingDevFrameworkVersion(createPackage, version) : version;
+    const generateWorkspace = detectUltramodernWorkspaceFlag(createPackage);
     if (generateWorkspace) {
         generateUltramodernWorkspace({
             targetDir,
             packageName: generatedPackageName,
             modernVersion: version,
-            packageSource: detectUltramodernPackageSource(args, version)
+            packageSource: detectUltramodernPackageSource(args, ultramodernPackageVersion, createPackage)
         });
         const dim = '\x1b[2m\x1b[3m';
         const reset = '\x1b[0m';
@@ -2232,12 +2357,17 @@ async function main() {
     const bffRuntime = detectBffRuntime();
     const enableTailwind = detectTailwindFlag();
     const useWorkspaceProtocol = detectWorkspaceProtocolFlag();
-    const dependencyVersion = useWorkspaceProtocol ? 'workspace:*' : version;
+    const packageSource = detectUltramodernPackageSource(args, ultramodernPackageVersion, createPackage);
     const templateManifest = createBuiltinTemplateManifest(version);
     validateTemplateManifest(templateManifest);
     copyTemplate(templateDir, targetDir, {
         packageName: generatedPackageName,
-        version: dependencyVersion,
+        version: useWorkspaceProtocol ? 'workspace:*' : packageSource.modernPackageVersion,
+        runtimeVersion: singleAppModernPackageSpecifier('@modern-js/runtime', packageSource, useWorkspaceProtocol),
+        appToolsVersion: singleAppModernPackageSpecifier('@modern-js/app-tools', packageSource, useWorkspaceProtocol),
+        tsconfigVersion: singleAppModernPackageSpecifier('@modern-js/tsconfig', packageSource, useWorkspaceProtocol),
+        pluginTanstackVersion: singleAppModernPackageSpecifier('@modern-js/plugin-tanstack', packageSource, useWorkspaceProtocol),
+        pluginBffVersion: singleAppModernPackageSpecifier('@modern-js/plugin-bff', packageSource, useWorkspaceProtocol),
         isSubproject,
         routerFramework,
         bffRuntime,
@@ -2252,12 +2382,19 @@ async function main() {
         delete packageJson['simple-git-hooks'];
         if (packageJson.scripts) {
             delete packageJson.scripts.prepare;
+            delete packageJson.scripts.format;
+            delete packageJson.scripts['format:check'];
             delete packageJson.scripts.lint;
+            delete packageJson.scripts['lint:fix'];
+            delete packageJson.scripts['skills:install'];
+            delete packageJson.scripts['skills:check'];
         }
         if (packageJson.devDependencies) {
             delete packageJson.devDependencies['lint-staged'];
             delete packageJson.devDependencies['simple-git-hooks'];
-            delete packageJson.devDependencies['@biomejs/biome'];
+            delete packageJson.devDependencies.oxlint;
+            delete packageJson.devDependencies.oxfmt;
+            delete packageJson.devDependencies.ultracite;
         }
     }
     node_fs.writeFileSync(targetPackageJson, `${JSON.stringify(packageJson, null, 2)}\n`);
@@ -2277,10 +2414,13 @@ function copyTemplate(src, dest, options) {
         recursive: true
     });
     const excludeInSubproject = [
+        '.agents',
         '.gitignore.handlebars',
-        'biome.json',
+        'AGENTS.md',
         '.npmrc',
-        '.nvmrc'
+        '.nvmrc',
+        'oxfmt.config.ts',
+        'oxlint.config.ts'
     ];
     function copyRecursive(srcDir, destDir) {
         const entries = node_fs.readdirSync(srcDir, {
@@ -2302,6 +2442,11 @@ function copyTemplate(src, dest, options) {
                 const rendered = src_renderTemplate(templateContent, {
                     packageName: options.packageName,
                     version: options.version,
+                    runtimeVersion: options.runtimeVersion,
+                    appToolsVersion: options.appToolsVersion,
+                    tsconfigVersion: options.tsconfigVersion,
+                    pluginTanstackVersion: options.pluginTanstackVersion,
+                    pluginBffVersion: options.pluginBffVersion,
                     isSubproject: options.isSubproject,
                     isTanstackRouter: 'tanstack' === options.routerFramework,
                     enableBff: 'none' !== options.bffRuntime,