Instruction file imported from imajkumar/rawmin-website (.cursor/rules/rawmin-ecommerce-ui.mdc). Copyright stays with the author.

RAWMIN SKINOLOGY Next.js UI Standards

Name: rawmin-ecommerce-ui
Author: imajkumar

Brand: RAWMIN SKINOLOGY (lib/constants.ts → SITE). Theme: packaging seafoam #ACC9C2 (page background), cream cards #FAF8F5, blue accent #3A7BD5 (lib/brand-colors.ts, app/globals.css).

SEO (every route)

Use buildMetadata() from lib/seo.ts with title, description, keywords, canonical path, OG, and Twitter.
Add JSON-LD via components/seo/json-ld.tsx.
Maintain app/sitemap.ts and app/robots.ts when adding routes.

Images & fonts

Always next/image with sizes and meaningful alt.
Use next/font/google (DM Sans + Playfair Display).

Animation

Scroll compare manufacturing stages in hero/story (scroll-compare-stages.tsx).
Lenis smooth scroll via AppProviders.
Honor prefers-reduced-motion.

B2B positioning

Third-party / private label manufacturer—not direct retail. No shop-first language on catalog pages.

{ "ocm": "1", "id": "imajkumar-rawmin-website-rawmin-ecommerce-ui-rule", "kind": "skill", "name": "rawmin-ecommerce-ui", "description": "RAWMIN SKINOLOGY eCommerce UI — SEO, performance, animation standards", "publisher": "imajkumar", "version": "1.0.0", "capabilities": { "domains": [ "marketing" ], "tags": [ "skill-md", "github-cursor-rules" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "RAWMIN SKINOLOGY eCommerce UI — SEO, performance, animation standards" ], "primary": false, "metadata": { "source": { "provider": "github-cursor-rules", "repository": "https://github.com/imajkumar/rawmin-website", "path": ".cursor/rules/rawmin-ecommerce-ui.mdc", "ref": "b99bb70dcaaf86194a22d0396b7972b3f3e75c46", "url": "https://github.com/imajkumar/rawmin-website/blob/b99bb70dcaaf86194a22d0396b7972b3f3e75c46/.cursor/rules/rawmin-ecommerce-ui.mdc", "key": "imajkumar/rawmin-website/.cursor/rules/rawmin-ecommerce-ui.mdc" } }, "instructions": "# RAWMIN SKINOLOGY Next.js UI Standards\n\nBrand: **RAWMIN SKINOLOGY** (`lib/constants.ts` → `SITE`). Theme: packaging seafoam `#ACC9C2` (page background), cream cards `#FAF8F5`, blue accent `#3A7BD5` (`lib/brand-colors.ts`, `app/globals.css`).\n\n## SEO (every route)\n\n- Use `buildMetadata()` from `lib/seo.ts` with title, description, keywords, canonical path, OG, and Twitter.\n- Add JSON-LD via `components/seo/json-ld.tsx`.\n- Maintain `app/sitemap.ts` and `app/robots.ts` when adding routes.\n\n## Images & fonts\n\n- Always `next/image` with `sizes` and meaningful `alt`.\n- Use `next/font/google` (DM Sa", "cost": { "context_tokens": 230 } }

rawmin-ecommerce-ui

About

RAWMIN SKINOLOGY Next.js UI Standards

SEO (every route)

Images & fonts

Animation

B2B positioning

Use it

Manifest

Reviews