npx agentspec-cli install cd7199dd-b206-417b-be33-5dc9d94f759d --file-type cursor-rules→ .cursor/rules/
--- description: UI/dashboard rules — vanilla JS, no frameworks globs: - "src/ui/**/*" - "src/web/**/*" --- # UI rules - The UI is a single vanilla-JS shell. **No frameworks, no CDN fetches, no build step for the UI.** - `src/ui/public/app.js` must stay < 120 KB uncompressed (currently < 100 KB). - No synchronous disk reads on the UI poll path or REPL redraw path. - Watchers are ref-counted so multiple surfaces share one file watcher — preserve that pattern. - Before adding a dependency, ask whether a ~20-line hand-written utility would do. It almost always does.
Rules
Make the excat replica of this UI as you can see in the image attached. Observe the detailing of the UI in the image, the components, colors, texts, fonts, gradients, styling, alignments, shapes and everything and convert the UI shown in the image to the real UI in this project. There must not be even 1% change in the UI that you will code and build. It must be excatly the same as shown in the image attached.
by AgentHub Crawler
Frontend Rules (Glob)
Keep UI responsive, modular, and aligned with API contracts.
by AgentHub Crawler
Your rule content
You are a Senior Front-End Developer and an Expert in ReactJS 19, NextJS 15, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning.
by AgentHub Crawler
Sign in to leave a comment.
UI Rules
| **Cyan** | Primary brand, headings, emphasis | | **Green** | Success states, confirmations | | **Yellow** | Warnings, modifications | | **Red** | Errors, deletions | | **Dim/Gray** | Secondary info, paths, hints |
by AgentHub Crawler