Menu
Use when writing or editing any code in this project. Ensures ESLint and Prettier compliance so output needs no auto-fixing.
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
| name | code-style |
| description | Use when writing or editing any code in this project. Ensures ESLint and Prettier compliance so output needs no auto-fixing. |
Write all code compliant with the project's ESLint + Prettier config. Never produce code that would require bun lint --fix.
')Imports are sorted by eslint-plugin-simple-import-sort into 7 groups separated by blank lines, in this exact order:
// 1. React
import { useState } from 'react';
// 2. Next.js
import Image from 'next/image';
import { notFound } from 'next/navigation';
// 3. External packages
import { useQuery } from '@tanstack/react-query';
import { Sparkles } from 'lucide-react';
// 4. Internal aliases (@/ but NOT @/components)
import { type MovieCredits } from '@/api/entities';
import { cn } from '@/lib/utils';
import { tmdbCreditsQueryOptions } from '@/options/queries/tmdb';
// 5. @/components
import { Query } from '@/components/query';
import { Badge } from '@/components/ui/badge';
import { Skeleton } from '@/components/ui/skeleton';
// 6. Parent imports
import { SharedThing } from '../shared';
// 7. Sibling imports
import { SectionHeader } from './section-header';
Rules:
import/no-duplicates)import/first)import/newline-after-import)'use client' or 'use server' directives go above all importsexport { Component };export type { ComponentProps };export default only on Next.js page.tsx / layout.tsx filesexport * from './file' or export type * from './file'unused-imports/no-unused-imports)_ to suppress warnings: _unusedVar_: (used, _unused)function declarations (not arrow functions)interface for props (not type alias)(item) => item.valueAbort a workflow — cleans up worktrees and branches, marks the workspace as aborted.
Finalize the workflow — squash commits into one clean commit, remove worktrees, and close the workspace.
Execute all planned tasks — creates per-task git worktrees, spawns implementer and reviewer agents in dependency order, aggregates results.
Break an approved design into atomic implementation tasks — creates dependency-ordered task specs ready for parallel agent execution.
Review completed implementation — runs final verification across all changes and presents results for user sign-off.
Convert discussion output into a validated design — reads captured requirements and presents architecture for iterative approval.