16 lines
1.1 KiB
Plaintext
16 lines
1.1 KiB
Plaintext
|
{
|
||
|
|
"enabled": true,
|
||
|
|
"name": "Check Component Conventions",
|
||
|
|
"description": "On save of files in frontend/src/components/, verifies the component follows project conventions and flags deviations as inline comments.",
|
||
|
|
"version": "1",
|
||
|
|
"when": {
|
||
|
|
"type": "fileEdited",
|
||
|
|
"patterns": [
|
||
|
|
"frontend/src/components/**/*.js"
|
||
|
|
]
|
||
|
|
},
|
||
|
|
"then": {
|
||
|
|
"type": "askAgent",
|
||
|
|
"prompt": "Review the saved component file and verify it follows these project conventions:\n\n1. Functional component with hooks (no class components)\n2. Uses Lucide icons for iconography (not raw SVGs or other icon libraries)\n3. Uses inline styles or existing CSS classes from App.css (no CSS modules, no styled-components)\n4. Fetches data with fetch() using relative API paths and credentials: 'include' (no axios, no absolute URLs)\n5. Handles loading and error states when fetching data\n\nFor any deviations found, add inline comments in the code flagging the issue, e.g. // ⚠️ CONVENTION: Use lucide-react icons instead of raw SVGs\n\nOnly flag actual deviations. Do not modify working logic or refactor the component."
|
||
|
|
}
|
||
|
|
}
|