punkt-elements-dev

Builds and updates web components for the Punkt design system.

Installation
Run `npx skills add "https://github.com/oslokommune/punkt-skills" --skill "punkt-elements-dev"` to install this skill, then follow its SKILL.md instructions for my next request.

Paste this into Claude Code, Cursor, or any agent that can run commands.

SKILL.mdShow the author's original SKILL.md
---
name: punkt-elements-dev
description: 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.
---

# 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)

Ships with 15 supporting files:

  • architecture-overview.md
  • base-classes.md
  • build-system.md
  • checklist-new-element.md
  • component-implementation.md
  • context-api.md
  • css-and-styling.md
  • directory-structure.md
  • eslint.md
  • events.md
  • form-integration.md
  • light-dom-and-slots.md
  • strings.md
  • testing.md
  • typescript-and-types.md

Mirrored from the author's public source. Install counts from the open skills registry.

The systems behind these skills get built for partners every week.

Partner with us