Name: punkt-elements-dev
Rating: 82.6 (1 reviews)
Author: oslokommune

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.

1.44x

Quality

73%

Does it follow best practices?

Impact

97%

1.44x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Fix and improve this skill with Tessl

tessl review fix ./skills/punkt-elements-dev/SKILL.md

Evaluation results

100%

12%

New Notification Badge Component

New display component with slot content

Criteria

Without context

With context

Correct base class

100%

Class naming convention

100%

Custom element tag

50%

100%

Interface naming

100%

Generic type + implements

100%

No static styles

100%

classMap for dynamic classes

100%

PktSlotController init

100%

Export default

100%

index.ts re-exports

100%

Type alias T prefix

50%

100%

Axe accessibility test

100%

createElementTest helper

100%

91%

17%

Phone Number Input Component

Form-associated input with ElementInternals

Criteria

Without context

With context

Correct base class

100%

Form association flag

30%

80%

ElementInternals attachment

25%

75%

pkt-input-wrapper usage

100%

stopImmediatePropagation on events

100%

Custom event bubbles+composed

62%

100%

No static styles

100%

Interface IPktPhoneInput

100%

Generic type + implements

37%

100%

Export default

100%

index.ts re-exports

100%

ref() for input reference

100%

classMap for CSS classes

100%

59%

Stepper / Step-Item Composite Component

Context API composite parent-child component

Criteria

Without context

With context

createContext from @lit/context

100%

Symbol key for context

100%

@provide with @state

100%

Methods bound in context object

100%

Context spread on update

100%

@consume with subscribe

100%

@property attribute false

100%

Optional context type

100%

updateComplete wait in connectedCallback

100%

No static styles

100%

classMap in render

100%

index.ts re-exports

100%

Repository: oslokommune/punkt-skills
Commit: ba01e6a

Evaluated: about 1 month ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

New Notification Badge Component Phone Number Input Component Stepper / Step-Item Composite Component

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.