Menü
Mandatory rule to keep CSS files inside a styles/ folder relative to their component.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
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.