메뉴
Mandatory rule to keep CSS files inside a styles/ folder relative to their component.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| 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.
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.