Guides client-side development across Next.js 16, React 19, Tailwind 4, CRA, and MUI codebases.
npx skills add https://github.com/Harbour-Emerge/skills --skill frontend-harbour-emerge
Please help me install this Agent Skill. Skill: frontend Source: https://github.com/Harbour-Emerge/skills/tree/main/frontend Command: npx skills add https://github.com/Harbour-Emerge/skills --skill frontend-harbour-emerge
tw- prefix in Tailwind 3, Radix primitives and cn() in CleverClass, colocated tests in Survey-Forms. - Trap documentation: The one-origin session rule, output: 'standalone' deploy requirement, stale .env.example files, cosmetic client-side auth checks, and generated artboards that must never be edited directly. - Use Case: When asked to add a form to CleverClass, follow its react-hook-form + zod + Radix conventions and run npm run build as the only available verification, rather than importing patterns from another repo. ## Quick Start Use the frontend skill to add a new validated form component to the CleverClass admin section following its existing conventions.High-intent search queries and answers about installing and using this skill.
Tailwind 4 here is CSS-first: there is no tailwind.config.ts and you should not create one. The theme lives in @theme blocks inside CSS files, and custom variants are declared with @custom-variant for use inline in class names.
Add a screen module in src/screens/ exporting a render function and CSS string, register it in src/registry.mjs, then run node build.mjs. Never edit the generated .dc.html files directly because the build deletes and regenerates all of them.
The Dockerfile copies .next/standalone, which Next only emits when output: 'standalone' is set in next.config.ts. Removing that line changes nothing locally but fails minutes into the deploy build, so it must stay.
Not in Survey-Forms: the API and frontend share one origin so the anonymous session cookie stays HttpOnly and SameSite=Lax with no CORS or CSRF token. Splitting the origin silently stops the cookie from being sent and breaks sessions.
No. CleverClass middleware.ts only checks cookie presence to gate /admin as a UX measure; real authorization is server-side permission strings. Never present or rely on client-side checks as protection.
In phd-monitoring the declared REACT_APP_* variables are read by nothing; grep finds zero usages and all API URLs are hardcoded in src/api/urls.js. Always grep for actual consumption before trusting an .env.example file.
WorkSync-DevelopementDefine ownership boundaries between coverage-nextjs and template-coverage-creatives repositories.
andregusman-raizAutomate Vercel deployment pipelines with preflight, smoke checks, and rollback.
jurislmAudit and refresh README.md and CLAUDE.md to match the current codebase.
stars-endDevelop backend APIs, data models, and server-side services across frameworks.