Landing Page for an onboarding web application
Onboard360 is a web application I built to help simplify the process of onboarding new employees into an organization through structured onboarding journeys and a RAG based AI assistant names Qorra that is able to answer questions based on the company's knowledge base
I describe the idea into Claude on the web app and start to examine it technically and list the requirements of the application
After planning I ask Claude to generate the PRD for the entire application and a development phases file. Both are Markdown files which I tell Claude it will be passed to a coding agent
I use Claude to generate the AGENT rules file for the codebase which the coding agent will follow, and then give it design description and color styles for the DESIGN file
I install the Taste skill from tasteskill.dev and also Anthropic's frontend design skill
I generate the prompts for each phase from Claude and pass it to Gemini 3.8 Flash for coding in Google Antigravity
Note: Used for project scaffolding
Task: Build Phase 00 (Foundation) of Genra You are starting development of Genra, a discovery and learning platform for things people create with AI. This task is Phase 00: Foundation. The Next.js project has already been created and shadcn/ui has already been initialised by me. Do not re-scaffold the app or re-run the shadcn init. Your job is to verify and complete what exists. By the end, the repo contains a deployed-ready, empty-but-working Next.js app with the design system, the database schema applied to the hosted Supabase project, typed Supabase clients, the app shell, the AI enrichment stub, tests and CI. 1. Read first (before writing any code) Read these fully, in this order: 1. AGENTS.md — your standing rules. They apply to everything below. 2. DESIGN.md — design tokens and UI rules. 3. genra-docs/PRD.md — sections 1, 3, 9, 10 and 11 are the most relevant here. 4. genra-docs/phases/README.md — conventions and definition of done. 5. genra-docs/phases/00-foundation.md — the task list for this phase. This is your checklist. Tick each item as you finish it. 6. genra-docs/genraschema.sql — the initial database schema. 7. The SKILL.md of each skill in .agents/: design-taste-frontend, frontend-design, emil-design-eng. Re-read them before every UI step below. Then reply with a short plan (no more than 15 lines): the order you will work in, and any questions you need answered. Ask only questions that genuinely block you. Otherwise state your assumption and continue.
Anti Slop AI skill for Frontend design
Frontend Design skill for AI agents from Anthropic
MCP for Design inspiration and Research
