# Punkt Elements Dev

> Developing Lit web components in the Punkt design system (@oslokommune/punkt-elements). Covers creating, modifying, and testing components in /packages/elements/src/components/. Use when working on Punkt Elements source code.

- Skill: `oslokommune/punkt-elements-dev` (Agent Skill, multi-file: 16 files)
- Install (CLI): `npx skillmds@latest add oslokommune/punkt-elements-dev`
- Raw SKILL.md: https://api.skillmd.com/api/skills/oslokommune/punkt-elements-dev/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: oslokommune (https://skillmd.com/u/oslokommune)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/oslokommune/punkt-elements-dev

---


# Punkt Elements Development

Skill for developing Lit web components in the Punkt design system (`@oslokommune/punkt-elements`). Covers creating, modifying, and testing components in `/packages/elements/src/components/`.

## Sections

1. [Architecture Overview](architecture-overview.md)
2. [Directory Structure](directory-structure.md)
3. [Base Classes](base-classes.md)
4. [Light DOM & Slot Controllers](light-dom-and-slots.md)
5. [Component Implementation](component-implementation.md)
6. [Form Integration](form-integration.md)
7. [TypeScript & Types](typescript-and-types.md)
8. [CSS & Styling](css-and-styling.md)
9. [Events](events.md)
10. [Context API](context-api.md)
11. [UI Strings](strings.md)
12. [Testing](testing.md)
13. [ESLint](eslint.md)
14. [Build System](build-system.md)
15. [Checklist: Adding a New Element](checklist-new-element.md)