القائمة
Mandatory rule to keep CSS files inside a styles/ folder relative to their component.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
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.