Files
skeleton/.opencode/rules/frontend.md
Worker Skeletton 5c9b4333da Unify OpenCode and Codex starter kits
- Add .shared/prompts/ with tool-neutral prompts
- Add .opencode/config/project.md, rules/, skills/ from opencode-kit
- Add .codex/config/project.md from codex-kit
- Copy .shared/prompts/ to both .opencode/prompts/ and .codex/prompts/
- Add features/INDEX.md and features/README.md
- Update README with unified structure

The two original starter kits are now redundant.
2026-05-25 14:11:00 +02:00

886 B

Frontend Rules

Frontend development rules for React, Next.js, Tailwind CSS, and shadcn/ui.

shadcn/ui Components

  • ALWAYS check src/components/ui/ first before creating new components
  • NEVER recreate a component that already exists in shadcn/ui
  • If missing component: npx shadcn@latest add <component-name>

Styling

  • Use Tailwind CSS utility classes (never raw CSS)
  • Follow existing patterns in the codebase
  • Use clsx and tailwind-merge for conditional classes

Component Standards

  • All components must be TypeScript (.tsx)
  • Use proper TypeScript types for props
  • Follow existing component patterns

Testing

  • Unit tests co-located next to source files
  • Pattern: ComponentName.test.tsx next to ComponentName.tsx
  • Use @testing-library/react for React tests

Lint

  • Run npm run lint after every change
  • Fix lint errors before committing