About this skill

Problem

When a graduate job portal needs a quick preview, the hard part is not one page but the full set: login, registration, job listings, job details, offer comparison, and onboarding checklists. This Skill keeps that scope as a static, copy-ready template, reducing the path from 'build a campus recruitment site' to 'preview or deploy a working frontend.'

How It Works

When the request matches intents such as 'graduate job portal' or 'campus recruitment website,' the Skill copies the /template/ directory to the chosen output path, or asks and then defaults to ./graduate-job-portal/. You can open index.html in a browser to preview the result. Theme tokens are centralized in style.css under :root, including --primary, --accent, and --bg-card. The template covers:
- jobs.html: job listings, filters, sorting, and pagination
- job-detail.html: job description, requirements, and sidebar
- offer-compare.html: multi-factor scoring and comparison table
- onboarding.html: onboarding checklist, progress tracking, and print

Boundaries

This is a frontend site generator, not a production recruitment backend. The provided material does not describe real job data, authentication APIs, databases, or company onboarding workflows. It is best used for prototypes, design reviews, job pages, or static deployment, while a real system would still need data sources, login services, and job management.

Screenshots

Use Cases

Build a quick campus recruitment site prototype for reviewing homepage, job listings, and offer comparison pages.
Turn graduate recruitment page designs into a previewable static site, then adjust theme colors and copy.
Demo login, registration, job details, and onboarding flows for HR without building the backend first.
Prepare GitHub Pages or Vercel deployment assets using an index.html and CSS variable theme template.

Best For

Frontend engineers who need a preview-ready job portal template and want to adjust themes and page structure.
Product operations staff who need a graduate hiring page prototype with jobs, offer comparison, and checklists.
HR digitalization leads who want a quick campus recruitment demo to validate page and information structure.
Indie developers who need a static job portal starting point to preview on GitHub Pages or Vercel.