Skip to content

HR Onboarding Page

Turns a new hire's first week into a single onboarding web page

Stars
9,376
Licence
Apache-2.0
Files
2 files

What it does

This skill teaches an AI agent to build a one-page welcome guide for a new employee's first week. The page includes a welcome header with the person's name, start date and team, a five-day schedule, the manager and buddy contacts, a learning path, an equipment checklist, and a list of what done looks like. It is a template for generating HTML output, so the agent produces a styled page rather than a plain text answer.

Great for

  • HR or people-ops teams who want a quick, consistent onboarding page for new hires
  • Team leads preparing a first-week plan for someone joining their group
  • Developers building an HTML-generating workflow for internal documents

Skip it if

  • Legal or compliance onboarding, where the content must be formally reviewed; the skill only lays out a template and does not check policy accuracy
  • Large organisations needing integration with HR systems, since the files show no connection to any HR software or data source

Try asking

  • “Create a first-week onboarding page for Li Wei, starting Monday, joining the payments team”
  • “Make a one-page onboarding guide with a five-day schedule and an equipment checklist for a new designer”
  • “Build a welcome page for a new hire with their manager and buddy listed”
Step-by-step guide: how to use HR Onboarding PageInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    hr-onboarding.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip hr-onboarding.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip hr-onboarding.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide the new hire's name, start date, team, manager and buddy up front so the hero and contact cards are filled in correctly.
  • Review the outcomes section and the learning track yourself, since the agent will fill them with generic content if you do not supply specifics.
  • Look at example.html in the skill folder to preview the expected visual style before generating.

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.