hr-onboarding

name	hr-onboarding
description	Employee onboarding checklist and welcome page with progress tracking, team introductions, and resource links. Use for "onboarding", "welcome", "new hire", "HR portal".
triggers	["onboarding","new hire","welcome page","hr portal","employee onboarding"]
df	{"mode":"prototype","platform":"desktop","scenario":"internal","preview":{"type":"html","entry":"index.html"},"design_system":{"requires":true}}

HR Onboarding Skill

Produce an employee onboarding page.

Layout

• Welcome hero: "Welcome to [Company]" + first-day message.
• Progress tracker: 4–5 steps (Offer signed → Setup → Meet team → First project → 30-day check-in). Visual as connected dots/bars.
• Checklist: tasks with checkboxes, owner, due date.
• Team grid: 4–6 teammate cards (avatar, name, role, fun fact).
• Resources: link cards to handbook, tools, Slack channels.

Rules

• Friendly, warm tone. Not corporate-cold.
• Progress tracker shows current step highlighted.
• Completed steps: checkmark + muted color.
• data-df-id on each step and task.

Output

Single index.html, inline CSS.