g360-cli 1.0.0 → 1.1.1

package/src/assets/config/g360-skills.json

@@ -0,0 +1,172 @@
+{
+  "skills": [
+    {
+      "name": "corporativo",
+      "description": "Proyectos para clientes - estilo corporativo conservador",
+      "device": "pc",
+      "colors": {
+        "bg": "#0b1220",
+        "surface": "#151e2e",
+        "accent": "#00796B",
+        "text": "#f0f4f8",
+        "muted": "#94a3b8"
+      },
+      "effects": {
+        "glassmorphism": true,
+        "blur": "16px",
+        "rounded": "16px"
+      },
+      "signature": {
+        "mode": "powered",
+        "text": "powered by G360"
+      }
+    },
+    {
+      "name": "corporativo-movil",
+      "description": "Proyectos para clientes - estilo corporativo - enfoque móvil",
+      "device": "movil",
+      "colors": {
+        "bg": "#0b1220",
+        "surface": "#151e2e",
+        "accent": "#00796B",
+        "text": "#f0f4f8",
+        "muted": "#94a3b8"
+      },
+      "effects": {
+        "glassmorphism": true,
+        "blur": "16px",
+        "rounded": "16px"
+      },
+      "signature": {
+        "mode": "powered",
+        "text": "powered by G360"
+      }
+    },
+    {
+      "name": "corporativo-g360",
+      "description": "Proyectos para clientes con colores G360 vibrantes",
+      "device": "pc",
+      "colors": {
+        "bg": "#0b1220",
+        "surface": "#151e2e",
+        "accent": "#00d084",
+        "text": "#f0f4f8",
+        "muted": "#94a3b8"
+      },
+      "effects": {
+        "glassmorphism": true,
+        "blur": "16px",
+        "rounded": "16px"
+      },
+      "signature": {
+        "mode": "powered",
+        "text": "powered by G360"
+      }
+    },
+    {
+      "name": "corporativo-g360-movil",
+      "description": "Proyectos para clientes con colores G360 - enfoque móvil",
+      "device": "movil",
+      "colors": {
+        "bg": "#0b1220",
+        "surface": "#151e2e",
+        "accent": "#00d084",
+        "text": "#f0f4f8",
+        "muted": "#94a3b8"
+      },
+      "effects": {
+        "glassmorphism": true,
+        "blur": "16px",
+        "rounded": "16px"
+      },
+      "signature": {
+        "mode": "powered",
+        "text": "powered by G360"
+      }
+    },
+    {
+      "name": "moderno",
+      "description": "Herramientas propias G360 - estilo innovador PC",
+      "device": "pc",
+      "colors": {
+        "bg": "#0b1220",
+        "surface": "#151e2e",
+        "accent": "#00d084",
+        "text": "#f0f4f8",
+        "muted": "#94a3b8"
+      },
+      "effects": {
+        "glassmorphism": true,
+        "blur": "16px",
+        "rounded": "16px"
+      },
+      "signature": {
+        "mode": "own",
+        "text": "G360 by ccusi"
+      }
+    },
+    {
+      "name": "moderno-movil",
+      "description": "Herramientas propias G360 - estilo innovador móvil",
+      "device": "movil",
+      "colors": {
+        "bg": "#0b1220",
+        "surface": "#151e2e",
+        "accent": "#00d084",
+        "text": "#f0f4f8",
+        "muted": "#94a3b8"
+      },
+      "effects": {
+        "glassmorphism": true,
+        "blur": "16px",
+        "rounded": "16px"
+      },
+      "signature": {
+        "mode": "own",
+        "text": "G360 by ccusi"
+      }
+    },
+    {
+      "name": "minimalista",
+      "description": "Proyectos minimalistas - scripts, CLI, Python",
+      "device": "both",
+      "colors": {
+        "bg": "#ffffff",
+        "surface": "#f5f5f5",
+        "accent": "#2563eb",
+        "text": "#1f2937",
+        "muted": "#6b7280"
+      },
+      "effects": {
+        "glassmorphism": false,
+        "blur": "0px",
+        "rounded": "8px"
+      },
+      "signature": {
+        "mode": "optional",
+        "text": "by @carloscus"
+      }
+    },
+    {
+      "name": "custom",
+      "description": "Configuración personalizada - colores ajustables",
+      "device": "both",
+      "colors": {
+        "bg": "#0b1220",
+        "surface": "#151e2e",
+        "accent": "#00d084",
+        "text": "#f0f4f8",
+        "muted": "#94a3b8"
+      },
+      "effects": {
+        "glassmorphism": false,
+        "blur": "0px",
+        "rounded": "8px"
+      },
+      "signature": {
+        "mode": "custom",
+        "text": "custom"
+      }
+    }
+  ]
+}

package/src/assets/templates/lit-web/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="author" content="@carloscus" />
+    <meta name="description" content="Proyecto G360 desarrollado con Lit Web Components" />
+    <meta name="theme-color" content="#00d084" />
+    <title>Mi Proyecto G360</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="stylesheet" href="/src/styles/main.css" />
+    <script type="module" src="/src/index.js"></script>
+  </head>
+  <body>
+    <app-root></app-root>
+    
+    <!-- Firma G360 -->
+    <g360-signature mode="powered" style="position: fixed; bottom: 16px; right: 16px; z-index: 100;"></g360-signature>
+  </body>
+</html>

package/src/assets/templates/lit-web/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "mi-lit-proyecto",
+  "version": "1.0.0",
+  "description": "Proyecto G360 creado con Lit Web Components",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "lit": "^3.1.0"
+  },
+  "devDependencies": {
+    "vite": "^5.0.0"
+  },
+  "author": "@carloscus",
+  "license": "MIT"
+}

package/src/assets/templates/lit-web/src/components/app-root.js

@@ -0,0 +1,73 @@
+/**
+ * @file app-root.js
+ * @description Componente raíz principal de la aplicación
+ * @author @carloscus
+ * @version 1.0.0
+ */
+
+import { LitElement, html, css } from 'lit';
+
+export class AppRoot extends LitElement {
+  static properties = {
+    titulo: { type: String },
+    tema: { type: String },
+  };
+
+  static styles = css`
+    :host {
+      display: block;
+      min-height: 100vh;
+      --g360-bg: #0b1220;
+      --g360-surface: #151e2e;
+      --g360-accent: #00d084;
+      --g360-text: #f0f4f8;
+      --g360-muted: #94a3b8;
+    }
+
+    .container {
+      max-width: 480px;
+      margin: 0 auto;
+      padding: 16px;
+      min-height: 100vh;
+      background: var(--g360-bg);
+      color: var(--g360-text);
+    }
+
+    header {
+      padding: 16px 0;
+      border-bottom: 1px solid var(--g360-surface);
+    }
+
+    h1 {
+      margin: 0;
+      font-size: 24px;
+      font-weight: 700;
+      color: var(--g360-accent);
+    }
+
+    main {
+      padding: 24px 0;
+    }
+  `;
+
+  constructor() {
+    super();
+    this.titulo = 'Mi Proyecto G360';
+    this.tema = 'dark';
+  }
+
+  render() {
+    return html`
+      <div class="container">
+        <header>
+          <h1>${this.titulo}</h1>
+        </header>
+        <main>
+          <slot></slot>
+        </main>
+      </div>
+    `;
+  }
+}
+
+customElements.define('app-root', AppRoot);

package/src/assets/templates/lit-web/src/core/skill.json

@@ -0,0 +1,18 @@
+{
+  "skill": "corporativo",
+  "device": "movil",
+  "template": "lit-web",
+  "version": "1.0.0",
+  "createdAt": "2024-01-01T00:00:00.000Z",
+  "colors": {
+    "bg": "#0b1220",
+    "surface": "#151e2e",
+    "accent": "#00d084",
+    "text": "#f0f4f8",
+    "muted": "#94a3b8"
+  },
+  "signature": {
+    "mode": "powered",
+    "text": "powered by G360"
+  }
+}

package/src/assets/templates/lit-web/src/index.js

@@ -0,0 +1,8 @@
+/**
+ * @file index.js
+ * @description Punto de entrada de la aplicación Lit
+ * @author @carloscus
+ * @version 1.0.0
+ */
+
+import './src/components/app-root.js';

package/src/assets/templates/lit-web/src/styles/main.css

@@ -0,0 +1,91 @@
+/* ============================================
+ * G360 Theme - Estilos principales
+ * Sistema de diseño para proyectos G360
+ * ============================================ */
+
+/* === VARIABLES G360 === */
+:root {
+  /* Colores G360 - Oscuro (Default) */
+  --g360-bg: #0b1220;
+  --g360-surface: #151e2e;
+  --g360-accent: #00d084;
+  --g360-accent-dark: #00796B;
+  --g360-text: #f0f4f8;
+  --g360-muted: #94a3b8;
+  --g360-border: rgba(255, 255, 255, 0.1);
+  
+  /* Efectos */
+  --g360-glass: rgba(21, 30, 46, 0.75);
+  --g360-blur: 16px;
+  --g360-rounded: 16px;
+  
+  /* Espaciado */
+  --g360-space-xs: 4px;
+  --g360-space-sm: 8px;
+  --g360-space-md: 16px;
+  --g360-space-lg: 24px;
+  --g360-space-xl: 32px;
+  
+  /* Tipografía */
+  --g360-font: 'Consolas', 'Monaco', 'Courier New', monospace;
+  --g360-font-size: 14px;
+}
+
+/* === ESTILOS BASE === */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: var(--g360-font);
+  font-size: var(--g360-font-size);
+  background: var(--g360-bg);
+  color: var(--g360-text);
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* === UTILIDADES === */
+.g360-card {
+  background: var(--g360-surface);
+  border: 1px solid var(--g360-border);
+  border-radius: var(--g360-rounded);
+  padding: var(--g360-space-md);
+}
+
+.g360-glass {
+  background: var(--g360-glass);
+  backdrop-filter: blur(var(--g360-blur));
+  -webkit-backdrop-filter: blur(var(--g360-blur));
+  border: 1px solid var(--g360-border);
+}
+
+.g360-btn {
+  background: var(--g360-accent);
+  color: var(--g360-bg);
+  border: none;
+  border-radius: var(--g360-rounded);
+  padding: var(--g360-space-sm) var(--g360-space-md);
+  font-weight: 700;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.g360-btn:hover {
+  background: var(--g360-accent-dark);
+}
+
+/* === MODO CLARO === */
+@media (prefers-color-scheme: light) {
+  :root {
+    --g360-bg: #ffffff;
+    --g360-surface: #f5f5f5;
+    --g360-text: #1f2937;
+    --g360-muted: #6b7280;
+    --g360-border: rgba(0, 0, 0, 0.1);
+    --g360-glass: rgba(255, 255, 255, 0.75);
+  }
+}

package/src/assets/templates/lit-web/vite.config.js

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  server: {
+    port: 3000,
+  },
+  build: {
+    outDir: 'dist',
+  },
+});

package/src/assets/templates/solid-web/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="author" content="@carloscus" />
+    <meta name="description" content="Proyecto G360 desarrollado con SolidJS" />
+    <meta name="theme-color" content="#00d084" />
+    <title>Mi Proyecto G360</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="stylesheet" href="/src/styles/main.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    
+    <!-- Firma G360 -->
+    <g360-signature mode="powered" style="position: fixed; bottom: 16px; right: 16px; z-index: 100;"></g360-signature>
+    
+    <script type="module" src="/src/index.jsx"></script>
+  </body>
+</html>

package/src/assets/templates/solid-web/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "mi-solid-proyecto",
+  "version": "1.0.0",
+  "description": "Proyecto G360 creado con SolidJS",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "vite": "^5.0.0",
+    "vite-plugin-solid": "^2.8.0"
+  },
+  "author": "@carloscus",
+  "license": "MIT"
+}

package/src/assets/templates/solid-web/src/components/App.jsx

@@ -0,0 +1,21 @@
+/**
+ * @file App.jsx
+ * @description Componente raíz principal de la aplicación
+ * @author @carloscus
+ * @version 1.0.0
+ */
+
+export default function App() {
+  const titulo = 'Mi Proyecto G360';
+  
+  return (
+    <div class="container">
+      <header>
+        <h1>{titulo}</h1>
+      </header>
+      <main>
+        <slot />
+      </main>
+    </div>
+  );
+}

package/src/assets/templates/solid-web/src/core/skill.json

@@ -0,0 +1,18 @@
+{
+  "skill": "corporativo",
+  "device": "movil",
+  "template": "solid-web",
+  "version": "1.0.0",
+  "createdAt": "2024-01-01T00:00:00.000Z",
+  "colors": {
+    "bg": "#0b1220",
+    "surface": "#151e2e",
+    "accent": "#00d084",
+    "text": "#f0f4f8",
+    "muted": "#94a3b8"
+  },
+  "signature": {
+    "mode": "powered",
+    "text": "powered by G360"
+  }
+}

package/src/assets/templates/solid-web/src/index.jsx

@@ -0,0 +1,11 @@
+/**
+ * @file index.jsx
+ * @description Punto de entrada de la aplicación SolidJS
+ * @author @carloscus
+ * @version 1.0.0
+ */
+
+import { render } from 'solid-js/web';
+import App from './components/App';
+
+render(() => <App />, document.getElementById('root'));

package/src/assets/templates/solid-web/src/styles/main.css

@@ -0,0 +1,115 @@
+/* ============================================
+ * G360 Theme - Estilos principales
+ * Sistema de diseño para proyectos G360
+ * ============================================ */
+
+/* === VARIABLES G360 === */
+:root {
+  /* Colores G360 - Oscuro (Default) */
+  --g360-bg: #0b1220;
+  --g360-surface: #151e2e;
+  --g360-accent: #00d084;
+  --g360-accent-dark: #00796B;
+  --g360-text: #f0f4f8;
+  --g360-muted: #94a3b8;
+  --g360-border: rgba(255, 255, 255, 0.1);
+  
+  /* Efectos */
+  --g360-glass: rgba(21, 30, 46, 0.75);
+  --g360-blur: 16px;
+  --g360-rounded: 16px;
+  
+  /* Espaciado */
+  --g360-space-xs: 4px;
+  --g360-space-sm: 8px;
+  --g360-space-md: 16px;
+  --g360-space-lg: 24px;
+  --g360-space-xl: 32px;
+  
+  /* Tipografía */
+  --g360-font: 'Consolas', 'Monaco', 'Courier New', monospace;
+  --g360-font-size: 14px;
+}
+
+/* === ESTILOS BASE === */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: var(--g360-font);
+  font-size: var(--g360-font-size);
+  background: var(--g360-bg);
+  color: var(--g360-text);
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.container {
+  max-width: 480px;
+  margin: 0 auto;
+  padding: 16px;
+  min-height: 100vh;
+  background: var(--g360-bg);
+}
+
+header {
+  padding: 16px 0;
+  border-bottom: 1px solid var(--g360-surface);
+}
+
+h1 {
+  margin: 0;
+  font-size: 24px;
+  font-weight: 700;
+  color: var(--g360-accent);
+}
+
+main {
+  padding: 24px 0;
+}
+
+/* === UTILIDADES === */
+.g360-card {
+  background: var(--g360-surface);
+  border: 1px solid var(--g360-border);
+  border-radius: var(--g360-rounded);
+  padding: var(--g360-space-md);
+}
+
+.g360-glass {
+  background: var(--g360-glass);
+  backdrop-filter: blur(var(--g360-blur));
+  -webkit-backdrop-filter: blur(var(--g360-blur));
+  border: 1px solid var(--g360-border);
+}
+
+.g360-btn {
+  background: var(--g360-accent);
+  color: var(--g360-bg);
+  border: none;
+  border-radius: var(--g360-rounded);
+  padding: var(--g360-space-sm) var(--g360-space-md);
+  font-weight: 700;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.g360-btn:hover {
+  background: var(--g360-accent-dark);
+}
+
+/* === MODO CLARO === */
+@media (prefers-color-scheme: light) {
+  :root {
+    --g360-bg: #ffffff;
+    --g360-surface: #f5f5f5;
+    --g360-text: #1f2937;
+    --g360-muted: #6b7280;
+    --g360-border: rgba(0, 0, 0, 0.1);
+    --g360-glass: rgba(255, 255, 255, 0.75);
+  }
+}

package/src/assets/templates/solid-web/vite.config.js

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
+
+export default defineConfig({
+  plugins: [solidPlugin()],
+  server: {
+    port: 3000,
+  },
+  build: {
+    outDir: 'dist',
+  },
+});

package/src/assets/templates/svelte-web/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "mi-svelte-proyecto",
+  "version": "1.0.0",
+  "description": "Proyecto G360 creado con SvelteKit",
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@sveltejs/kit": "^2.0.0",
+    "svelte": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-static": "^3.0.0",
+    "vite": "^5.0.0"
+  },
+  "author": "@carloscus",
+  "license": "MIT"
+}