diff --git a/src/database/models/player.model.ts b/src/database/models/player.model.ts
index 4c100148..aae766e3 100644
--- a/src/database/models/player.model.ts
+++ b/src/database/models/player.model.ts
@@ -24,5 +24,5 @@ export interface PlayerModel {
   etf2lProfileId?: number
   cooldownLevel: number
   activeGame?: GameNumber
-  skill?: Record<Tf2ClassName, number>
+  skill?: Partial<Record<Tf2ClassName, number>>
 }
diff --git a/src/games/create.ts b/src/games/create.ts
index 5ba99b5a..33f2ee1d 100644
--- a/src/games/create.ts
+++ b/src/games/create.ts
@@ -70,7 +70,7 @@ async function queueSlotToPlayerSlot(queueSlot: QueueSlotModel): Promise<PlayerS
 
   const { skill: playerSkill } = await players.bySteamId(player)
   if (playerSkill && gameClass in playerSkill) {
-    skill = playerSkill[gameClass]
+    skill = playerSkill[gameClass]!
   }
 
   return { player, gameClass, skill }
diff --git a/src/html/components/admin-panel.tsx b/src/html/components/admin-panel.tsx
new file mode 100644
index 00000000..05ac8c5e
--- /dev/null
+++ b/src/html/components/admin-panel.tsx
@@ -0,0 +1,33 @@
+import type { Children } from '@kitajs/html'
+
+export function AdminPanel(props?: { children?: Children }) {
+  return <div class="container mx-auto grid grid-cols-6 gap-8">{props?.children}</div>
+}
+
+export function AdminPanelSidebar(props?: { children?: Children }) {
+  return <div class="flex flex-col gap-y-1">{props?.children}</div>
+}
+
+export function AdminPanelLink(props: { href: string; active?: boolean; children: Children }) {
+  return (
+    <a href={props.href} class={['admin-panel-link', props.active && 'active']}>
+      {props.children}
+    </a>
+  )
+}
+
+export function AdminPanelBody(props?: { children?: Children }) {
+  return <div class="col-span-5">{props?.children}</div>
+}
+
+export function AdminPanelHeader(props?: { children?: Children }) {
+  return <h1 class="text-[32px] text-abru-light-75 mb-6">{props?.children}</h1>
+}
+
+export function AdminPanelContent(props?: { children?: Children }) {
+  return <div class="bg-abru-dark-25 rounded-2xl p-8">{props?.children}</div>
+}
+
+export function AdminPanelGroup(props?: { children?: Children }) {
+  return <div class="bg-abru-light-5 rounded-lg">{props?.children}</div>
+}
diff --git a/src/html/components/icons/icon-ban.tsx b/src/html/components/icons/icon-ban.tsx
new file mode 100644
index 00000000..32511212
--- /dev/null
+++ b/src/html/components/icons/icon-ban.tsx
@@ -0,0 +1,10 @@
+import { makeIcon } from './make-icon'
+
+export const IconBan = makeIcon(
+  'ban',
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
+    <path d="M5.7 5.7l12.6 12.6" />
+  </>,
+)
diff --git a/src/html/components/icons/icon-chart-arrows-vertical.tsx b/src/html/components/icons/icon-chart-arrows-vertical.tsx
new file mode 100644
index 00000000..ff0a240a
--- /dev/null
+++ b/src/html/components/icons/icon-chart-arrows-vertical.tsx
@@ -0,0 +1,15 @@
+import { makeIcon } from './make-icon'
+
+export const IconChartArrowsVertical = makeIcon(
+  'chart-arrows-vertical',
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+    <path d="M18 21v-14" />
+    <path d="M9 15l3 -3l3 3" />
+    <path d="M15 10l3 -3l3 3" />
+    <path d="M3 21l18 0" />
+    <path d="M12 21l0 -9" />
+    <path d="M3 6l3 -3l3 3" />
+    <path d="M6 21v-18" />
+  </>,
+)
diff --git a/src/html/components/icons/icon-edit.tsx b/src/html/components/icons/icon-edit.tsx
new file mode 100644
index 00000000..8bf4756d
--- /dev/null
+++ b/src/html/components/icons/icon-edit.tsx
@@ -0,0 +1,11 @@
+import { makeIcon } from './make-icon'
+
+export const IconEdit = makeIcon(
+  'edit',
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+    <path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />
+    <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
+    <path d="M16 5l3 3" />
+  </>,
+)
diff --git a/src/html/components/icons/icon-user-scan.tsx b/src/html/components/icons/icon-user-scan.tsx
new file mode 100644
index 00000000..29f9d775
--- /dev/null
+++ b/src/html/components/icons/icon-user-scan.tsx
@@ -0,0 +1,14 @@
+import { makeIcon } from './make-icon'
+
+export const IconUserScan = makeIcon(
+  'user-scan',
+  <>
+    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+    <path d="M10 9a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
+    <path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
+    <path d="M4 16v2a2 2 0 0 0 2 2h2" />
+    <path d="M16 4h2a2 2 0 0 1 2 2v2" />
+    <path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
+    <path d="M8 16a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2" />
+  </>,
+)
diff --git a/src/html/components/icons/index.ts b/src/html/components/icons/index.ts
index 7aea2a45..13dfc4fd 100644
--- a/src/html/components/icons/index.ts
+++ b/src/html/components/icons/index.ts
@@ -1,5 +1,7 @@
 export { IconAlignBoxBottomRight } from './icon-align-box-bottom-right'
+export { IconBan } from './icon-ban'
 export { IconBrandDiscord } from './icon-brand-discord'
+export { IconChartArrowsVertical } from './icon-chart-arrows-vertical'
 export { IconBrandSteam } from './icon-brand-steam'
 export { IconChartPie } from './icon-chart-pie'
 export { IconChevronLeft } from './icon-chevron-left'
@@ -7,6 +9,7 @@ export { IconChevronRight } from './icon-chevron-right'
 export { IconCopy } from './icon-copy'
 export { IconCrown } from './icon-crown'
 export { IconDeviceDesktopAnalytics } from './icon-device-desktop-analytics'
+export { IconEdit } from './icon-edit'
 export { IconExclamationCircleFilled } from './icon-exclamation-circle-filled'
 export { IconEye } from './icon-eye'
 export { IconHeartFilled } from './icon-heart-filled'
@@ -22,4 +25,5 @@ export { IconReplaceFilled } from './icon-replace-filled'
 export { IconSettings } from './icon-settings'
 export { IconStars } from './icon-stars'
 export { IconUserCircle } from './icon-user-circle'
+export { IconUserScan } from './icon-user-scan'
 export { IconX } from './icon-x'
diff --git a/src/main.css b/src/main.css
index dc395f24..057832b7 100644
--- a/src/main.css
+++ b/src/main.css
@@ -367,3 +367,71 @@ dialog::backdrop {
 .masked-overflow::-webkit-scrollbar-track {
   background-color: transparent;
 }
+
+.admin-panel-link {
+  display: flex;
+  flex-flow: flex nowrap;
+  align-items: center;
+  gap: 4px;
+  color: theme(colors.abru.light.75);
+  font-weight: 500;
+  font-size: 18px;
+  border-radius: 4px;
+  padding: 6px 12px;
+  position: relative;
+
+  &:hover {
+    background-color: theme(colors.abru.dark.25 / 20%);
+  }
+
+  &.active {
+    background-color: theme(colors.abru.dark.25);
+
+    &:before {
+      position: absolute;
+      left: 4px;
+      top: 4px;
+      content: '';
+      width: 4px;
+      height: calc(100% - 8px);
+      background-color: theme(colors.accent.DEFAULT);
+      border-radius: 2px;
+    }
+  }
+}
+
+.admin-panel-content {
+  background-color: theme(colors.abru.dark.25);
+  border-radius: 16px;
+  padding: 32px;
+
+  .group {
+    background-color: theme(colors.abru.light.5);
+    border-radius: 8px;
+    padding: 16px;
+    color: theme(colors.abru.light.75);
+    font-size: 18px;
+
+    input[type='text'],
+    input[type='number'] {
+      background-color: theme(colors.abru.dark.25);
+      color: theme(colors.white);
+      border-radius: 8px;
+      padding: 8px;
+      font-size: 16px;
+      font-weight: 500;
+    }
+
+    .input-group {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+
+      .label {
+        color: theme(colors.abru.light.50);
+        font-size: 16px;
+        font-weight: 500;
+      }
+    }
+  }
+}
diff --git a/src/players/routes.ts b/src/players/routes.ts
index f4be168d..508aba84 100644
--- a/src/players/routes.ts
+++ b/src/players/routes.ts
@@ -4,7 +4,15 @@ import { PlayerPage } from './views/html/player.page'
 import type { ZodTypeProvider } from 'fastify-type-provider-zod'
 import { z } from 'zod'
 import { steamId64 } from '../shared/schemas/steam-id-64'
+import {
+  EditPlayerBansPage,
+  EditPlayerProfilePage,
+  EditPlayerSkillPage,
+} from './views/html/edit-player.page'
 import { collections } from '../database/collections'
+import { PlayerRole } from '../database/models/player.model'
+import { update } from './update'
+import { Tf2ClassName } from '../shared/types/tf2-class-name'
 
 export default fp(
   // eslint-disable-next-line @typescript-eslint/require-await
@@ -13,31 +21,180 @@ export default fp(
       reply.status(200).html(await PlayerListPage(req.user))
     })
 
-    app.withTypeProvider<ZodTypeProvider>().get(
-      '/players/:steamId',
-      {
-        schema: {
-          params: z.object({
-            steamId: steamId64,
-          }),
-          querystring: z.object({
-            gamespage: z.coerce.number().optional(),
-          }),
-        },
-      },
-      async (req, reply) => {
-        const { steamId } = req.params
-        const player = await collections.players.findOne({ steamId })
-        if (!player) {
-          return reply.notFound(`player not found: ${steamId}`)
-        }
-        reply
-          .status(200)
-          .html(
-            await PlayerPage({ player, user: req.user, page: Number(req.query.gamespage) || 1 }),
+    app
+      .withTypeProvider<ZodTypeProvider>()
+      .get(
+        '/players/:steamId',
+        {
+          schema: {
+            params: z.object({
+              steamId: steamId64,
+            }),
+            querystring: z.object({
+              gamespage: z.coerce.number().optional(),
+            }),
+          },
+        },
+        async (req, reply) => {
+          const { steamId } = req.params
+          const player = await collections.players.findOne({ steamId })
+          if (!player) {
+            return reply.notFound(`player not found: ${steamId}`)
+          }
+          reply
+            .status(200)
+            .html(
+              await PlayerPage({ player, user: req.user, page: Number(req.query.gamespage) || 1 }),
+            )
+        },
+      )
+      .get(
+        '/players/:steamId/edit',
+        {
+          config: {
+            authorize: [PlayerRole.admin],
+          },
+          schema: {
+            params: z.object({
+              steamId: steamId64,
+            }),
+          },
+        },
+        async (req, reply) => {
+          const { steamId } = req.params
+          const player = await collections.players.findOne({ steamId })
+          if (player === null) {
+            return reply.notFound(`player not found: ${steamId}`)
+          }
+
+          await reply.redirect(`/players/${steamId}/edit/profile`)
+        },
+      )
+      .get(
+        '/players/:steamId/edit/profile',
+        {
+          config: {
+            authorize: [PlayerRole.admin],
+          },
+          schema: {
+            params: z.object({
+              steamId: steamId64,
+            }),
+          },
+        },
+        async (req, reply) => {
+          const { steamId } = req.params
+          const player = await collections.players.findOne({ steamId })
+          if (player === null) {
+            return reply.notFound(`player not found: ${steamId}`)
+          }
+
+          reply.status(200).html(await EditPlayerProfilePage({ player, user: req.user! }))
+        },
+      )
+      .post(
+        '/players/:steamId/edit/profile',
+        {
+          config: {
+            authorize: [PlayerRole.admin],
+          },
+          schema: {
+            params: z.object({
+              steamId: steamId64,
+            }),
+            body: z.object({
+              name: z.string(),
+            }),
+          },
+        },
+        async (req, reply) => {
+          const { steamId } = req.params
+          const { name } = req.body
+          const player = await collections.players.findOne({ steamId })
+          if (player === null) {
+            return reply.notFound(`player not found: ${steamId}`)
+          }
+
+          await update(player.steamId, { $set: { name } })
+          await reply.redirect(`/players/${steamId}`)
+        },
+      )
+      .get(
+        '/players/:steamId/edit/skill',
+        {
+          config: {
+            authorize: [PlayerRole.admin],
+          },
+          schema: {
+            params: z.object({
+              steamId: steamId64,
+            }),
+          },
+        },
+        async (req, reply) => {
+          const { steamId } = req.params
+          const player = await collections.players.findOne({ steamId })
+          if (player === null) {
+            return reply.notFound(`player not found: ${steamId}`)
+          }
+
+          reply.status(200).html(await EditPlayerSkillPage({ player, user: req.user! }))
+        },
+      )
+      .post(
+        '/players/:steamId/edit/skill',
+        {
+          config: {
+            authorize: [PlayerRole.admin],
+          },
+          schema: {
+            params: z.object({
+              steamId: steamId64,
+            }),
+            body: z.object(
+              Object.keys(Tf2ClassName).reduce<
+                Partial<Record<`skill.${Tf2ClassName}`, z.ZodNumber>>
+              >((acc, key) => ({ ...acc, [`skill.${key}`]: z.coerce.number().optional() }), {}),
+            ),
+          },
+        },
+        async (req, reply) => {
+          const { steamId } = req.params
+          const skill = Object.entries(req.body).reduce<Partial<Record<Tf2ClassName, number>>>(
+            (acc, [key, value]) => ({ ...acc, [key.split('.')[1] as Tf2ClassName]: value }),
+            {},
           )
-      },
-    )
+          const player = await collections.players.findOne({ steamId })
+          if (player === null) {
+            return reply.notFound(`player not found: ${steamId}`)
+          }
+
+          await update(player.steamId, { $set: { skill } })
+          await reply.redirect(`/players/${steamId}`)
+        },
+      )
+      .get(
+        '/players/:steamId/edit/bans',
+        {
+          config: {
+            authorize: [PlayerRole.admin],
+          },
+          schema: {
+            params: z.object({
+              steamId: steamId64,
+            }),
+          },
+        },
+        async (req, reply) => {
+          const { steamId } = req.params
+          const player = await collections.players.findOne({ steamId })
+          if (player === null) {
+            return reply.notFound(`player not found: ${steamId}`)
+          }
+
+          reply.status(200).html(await EditPlayerBansPage({ player, user: req.user! }))
+        },
+      )
   },
   { name: 'players routes' },
 )
diff --git a/src/players/views/html/edit-player.page.tsx b/src/players/views/html/edit-player.page.tsx
new file mode 100644
index 00000000..0084ca8d
--- /dev/null
+++ b/src/players/views/html/edit-player.page.tsx
@@ -0,0 +1,154 @@
+import { resolve } from 'node:path'
+import type { PlayerModel } from '../../../database/models/player.model'
+import { Style } from '../../../html/components/style'
+import { Layout } from '../../../html/layout'
+import { NavigationBar } from '../../../html/components/navigation-bar'
+import type { User } from '../../../auth/types/user'
+import { Page } from '../../../html/components/page'
+import { Footer } from '../../../html/components/footer'
+import {
+  AdminPanel,
+  AdminPanelBody,
+  AdminPanelHeader,
+  AdminPanelLink,
+  AdminPanelSidebar,
+} from '../../../html/components/admin-panel'
+import { IconBan, IconChartArrowsVertical, IconUserScan } from '../../../html/components/icons'
+import type { Children } from '@kitajs/html'
+import { queue } from '../../../queue'
+import { GameClassIcon } from '../../../html/components/game-class-icon'
+import { configuration } from '../../../configuration'
+
+const editPlayerPages = {
+  '/profile': 'Profile',
+  '/skill': 'Skill',
+  '/bans': 'Bans',
+} as const
+
+export async function EditPlayerProfilePage(props: { player: PlayerModel; user: User }) {
+  return (
+    <EditPlayer player={props.player} user={props.user} activePage="/profile">
+      <form action="" method="post">
+        <div class="admin-panel-content">
+          <div class="group">
+            <div class="input-group">
+              <label class="label" for="player-nickname">
+                Nickname
+              </label>
+              <input type="text" name="name" value={props.player.name} id="player-nickname" />
+            </div>
+          </div>
+        </div>
+
+        <button type="submit" class="button button--accent mt-6">
+          Save
+        </button>
+      </form>
+    </EditPlayer>
+  )
+}
+
+export async function EditPlayerSkillPage(props: { player: PlayerModel; user: User }) {
+  const config = queue.config
+  const defaultSkill = await configuration.get('games.default_player_skill')
+  return (
+    <EditPlayer player={props.player} user={props.user} activePage="/skill">
+      <form action="" method="post">
+        <div class="admin-panel-content">
+          <div class="group">
+            <div class="input-group">
+              <label class="label" for="player-skill">
+                Skill
+              </label>
+              <div class="flex flex-row gap-6">
+                {config.classes.map(gameClass => {
+                  const skill =
+                    props.player.skill?.[gameClass.name] ?? defaultSkill[gameClass.name] ?? 0
+                  return (
+                    <div class="flex flex-row items-center gap-2">
+                      <GameClassIcon gameClass={gameClass.name} size={32} />
+                      <input
+                        type="number"
+                        name={`skill.${gameClass.name}`}
+                        value={skill.toString()}
+                        class="player-skill"
+                      />
+                    </div>
+                  )
+                })}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <button type="submit" class="button button--accent mt-6">
+          Save
+        </button>
+      </form>
+    </EditPlayer>
+  )
+}
+
+export async function EditPlayerBansPage(props: { player: PlayerModel; user: User }) {
+  return (
+    <EditPlayer player={props.player} user={props.user} activePage="/bans">
+      <div class="admin-panel-content">
+        <div class="group">
+          <div class="input-group">
+            <label class="label" for="player-bans">
+              Bans
+            </label>
+          </div>
+        </div>
+      </div>
+    </EditPlayer>
+  )
+}
+
+function EditPlayer(props: {
+  player: PlayerModel
+  user: User
+  children: Children
+  activePage: keyof typeof editPlayerPages
+}) {
+  return (
+    <Layout
+      title={`Edit ${props.player.name}`}
+      head={<Style fileName={resolve(import.meta.dirname, 'style.css')} />}
+    >
+      <NavigationBar user={props.user} />
+      <Page>
+        <AdminPanel>
+          <AdminPanelSidebar>
+            <AdminPanelLink
+              href={`/players/${props.player.steamId}/edit/profile`}
+              active={props.activePage === '/profile'}
+            >
+              <IconUserScan />
+              Profile
+            </AdminPanelLink>
+            <AdminPanelLink
+              href={`/players/${props.player.steamId}/edit/skill`}
+              active={props.activePage === '/skill'}
+            >
+              <IconChartArrowsVertical />
+              Skill
+            </AdminPanelLink>
+            <AdminPanelLink
+              href={`/players/${props.player.steamId}/edit/bans`}
+              active={props.activePage === '/bans'}
+            >
+              <IconBan />
+              Bans
+            </AdminPanelLink>
+          </AdminPanelSidebar>
+          <AdminPanelBody>
+            <AdminPanelHeader>{editPlayerPages[props.activePage]}</AdminPanelHeader>
+            {props.children}
+          </AdminPanelBody>
+        </AdminPanel>
+      </Page>
+      <Footer user={props.user} />
+    </Layout>
+  )
+}
diff --git a/src/players/views/html/player.page.tsx b/src/players/views/html/player.page.tsx
index 3a979c64..e2a88d6a 100644
--- a/src/players/views/html/player.page.tsx
+++ b/src/players/views/html/player.page.tsx
@@ -8,7 +8,12 @@ import { GameState } from '../../../database/models/game.model'
 import { getPlayerGameCountOnClasses } from '../../get-player-game-count-on-classes'
 import { Tf2ClassName } from '../../../shared/types/tf2-class-name'
 import { GameClassIcon } from '../../../html/components/game-class-icon'
-import { IconAlignBoxBottomRight, IconBrandSteam, IconStars } from '../../../html/components/icons'
+import {
+  IconAlignBoxBottomRight,
+  IconBrandSteam,
+  IconEdit,
+  IconStars,
+} from '../../../html/components/icons'
 import { Style } from '../../../html/components/style'
 import { resolve } from 'node:path'
 import { Page } from '../../../html/components/page'
@@ -16,6 +21,7 @@ import { Footer } from '../../../html/components/footer'
 import { GameListItem } from '../../../games/views/html/game-list-item'
 import { Pagination, paginate } from '../../../html/components/pagination'
 import type { WithId } from 'mongodb'
+import type { SteamId64 } from '../../../shared/types/steam-id-64'
 
 const gamesPerPage = 5
 
@@ -59,7 +65,7 @@ export async function PlayerPage(props: {
     >
       <NavigationBar user={props.user} />
       <Page>
-        <div class="container mx-auto mt-12 flex flex-col gap-[30px] p-2 lg:p-0">
+        <div class="container mx-auto mt-12 flex flex-col gap-[30px] p-2 lg:p-0 relative">
           <PlayerPresentation
             player={props.player}
             gameCount={gameCount}
@@ -82,6 +88,7 @@ export async function PlayerPage(props: {
             currentPage={props.page}
             around={around}
           />
+          <EditPlayerButton steamId={props.player.steamId} />
         </div>
       </Page>
       <Footer user={props.user} />
@@ -187,3 +194,15 @@ function PlayerPresentation(props: {
     </div>
   )
 }
+
+function EditPlayerButton(props: { steamId: SteamId64 }) {
+  return (
+    <a
+      href={`/players/${props.steamId}/edit`}
+      class="absolute bottom-0 right-0 button button--accent drop-shadow"
+    >
+      <span class="sr-only">Edit player</span>
+      <IconEdit />
+    </a>
+  )
+}
diff --git a/src/players/views/html/style.css b/src/players/views/html/style.css
index 38c61c6f..4f5ce436 100644
--- a/src/players/views/html/style.css
+++ b/src/players/views/html/style.css
@@ -26,3 +26,10 @@
     background-color: lighten(theme(colors.abru.light.3), 2%);
   }
 }
+
+.player-skill {
+  appearance: textfield;
+  text-align: center;
+  width: 42px;
+  height: 42px;
+}