About this theme

Saal — Tutor Marketplace React NextJs Template (AI Ready) Saal is the other half of the education shelf: a directory of people, where most templates sell a catalogue of courses. A parent or an adult learner filters a roster, reads a profile, shortlists three, compares them side by side, picks a slot from a real availability grid and books it. From version 1.1.0 the template carries its design language in a form AI coding agents read, so the pages you add with Claude Code, Cursor or Copilot look like the nineteen you bought. What makes it AI Ready DESIGN.md at the project root, in the shape of Google’s DESIGN.md format. Its front matter lists every colour, type size and radius, generated from app/globals.css . Below it, twelve sections of rules: colour, light and dark, typography, spacing, icons, shapes, component states, motion, sections, drawn marks, imagery and copy. AGENTS.md , the file Cursor, Copilot and Codex read first. It covers the stack, where the data lives, what to set before deploying and the six conventions a plausible edit breaks first. Three agent skills in .claude/skills/ . build-page adds a page or section in the house style. restyle changes the brand colour, fonts, corners, motion or opening mode in both halves. review-design checks changed files against DESIGN.md. Claude Code loads them on its own; any other agent can read them as plain files. One source of truth. After you edit globals.css , npm run design rewrites the values in DESIGN.md, and npm run che

Description excerpt from the author's official listing. Full details, changelog and support terms are on the marketplace page.