Menu
Mandatory rule to keep CSS files inside a styles/ folder relative to their component.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Node.js best practices and runtime configuration for GitData-BackEnd.
Mandatory rule requiring a corresponding Vitest/React Testing Library test file for every React component (.tsx) in GitData frontend.
Catalog of all specialized skills used across the GitData Monorepo project.
Guidelines for mathematically deducing advanced widget data on the backend.
Rules for using both GraphQL and REST APIs simultaneously for GitHub data fetching.
Architecture rules for building UI widgets, supporting i18n locales, and multi-theme logic.
| name | css-structure |
| description | Mandatory rule to keep CSS files inside a styles/ folder relative to their component. |
En este proyecto (especialmente en apps/web), está terminantemente prohibido dejar archivos .css sueltos en el mismo nivel que su componente (ej: Card.tsx y Card.css sueltos en la misma carpeta).
Ubicación Obligatoria:
Todo archivo de estilos debe residir dentro de un directorio llamado styles/ que esté ubicado exactamente en el mismo nivel que el archivo que lo consume.
Ejemplo Correcto:
components/ui/
├── Card.tsx
└── styles/
└── Card.css
Ejemplo Incorrecto (Prohibido):
components/ui/
├── Card.tsx
└── Card.css
Importación: Dentro del componente de React, la importación debe reflejar esta estructura:
import './styles/Card.css';
Cualquier nuevo componente UI o Widget que se cree de ahora en adelante, debe acatar esta regla automáticamente.