Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From punkt-designsystem
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.
How this skill is triggered — by the user, by Claude, or both
Slash command
/punkt-designsystem:punkt-elements-devThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
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/`.
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/.
npx claudepluginhub oslokommune/claude-marketplace --plugin punkt-designsystemImplements reusable, accessible, typed UI components from design specs in frontend projects like React with TypeScript and Tailwind. Use for 'create a component', 'build a widget', 'implement this design', or 'reusable UI element' requests.
Build, review, or migrate TYPO3 v14 backend Web Components with Lit, ES module import maps, and backend module integrations.
Implement a reusable, accessible, typed component from a design spec. Use when asked to "create a component", "build a widget", "implement this design", or "reusable UI element".