[docs][ GitHub ↗ ]
Volver a repositorios

[ Repositorio ]

front-base.

Skill Create strcuture Front Base

ShellActualizado hace 11 días
Ver en GitHub

front-base

Base de proyecto frontend JS con estructura moderna, SASS modular y comando /front-base para Claude Code.

Instalación

curl -fsSL https://raw.githubusercontent.com/homium-tech/front-base/main/install.sh | bash

Esto instala:

  • ~/scripts/front-base.sh — genera la estructura del proyecto
  • ~/.claude/commands/front-base.md — comando /front-base para Claude Code

Uso

Desde Claude Code:

/front-base nombre-proyecto

Estructura que genera

<proyecto>/
├── index.html
├── package.json
├── .gitignore
├── README.md
├── assets/
│   ├── images/
│   ├── fonts/
│   └── icons/
├── src/
│   ├── styles/
│   │   ├── main.scss
│   │   ├── base/        (_variables, _reset, _typography)
│   │   ├── components/  (_navbar, _hero, _buttons)
│   │   ├── layout/      (_grid, _sections)
│   │   └── utils/       (_mixins, _animations)
│   └── js/
│       ├── main.js
│       ├── components/  (navbar.js, slider.js)
│       └── utils/       (helpers.js)
└── dist/