Review Oak AI TypeScript style in Claude Code

Apply Oak AI conventions for component names, import order, function return types, and error handling.

Install in Claude Code

The Oak AI project in Claude Code. Check its TypeScript, React, and lint configuration. The example covers naming and explicit return types.

Review `.claude/skills/code-style/SKILL.md` and its requirements at the pinned GitHub commit.
Create `.claude/skills/code-style/` in your project and save the reviewed file as `.claude/skills/code-style/SKILL.md`.
Start Claude Code from that project's root, then select `/code-style` in the slash menu.

Example task

Review a fictional Oak AI component whose file is `LessonCard.tsx`. The component is LessonCard, and asynchronous helper loadTitle is specified to produce a string.

What to check

Rename the file to `lesson-card.tsx` and keep the LessonCard component. Give the helper the signature `loadTitle(): Promise<string>` and make sure callers wait for the returned title.

Original SKILL.md on GitHub · Updated 2026-11-14

Frequently asked question

How do Oak AI filenames differ from component names?

Use kebab case for files and directories, Pascal case for components, and camel case for ordinary functions. Follow the project rules for return types and awaiting promises.