Skills
.Work. You
Rest

punkt-react-dev

Official

Develop Punkt React components end-to-end.

Software Engineering#testing#architecture#react#monorepo#component-development#punkt#dev-pages
Authoroslokommune
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps engineers efficiently develop, test, and maintain React components for Punkt by providing a cohesive set of guidelines, architecture knowledge, and workflow documentation.

Core Features & Use Cases

  • Architecture guidance and monorepo structure for the React package, including integration with the Punkt CSS and Lit wrappers.
  • Comprehensive component development workflow: specs, file structure, implementation rules, styling, testing, and dev-pages.
  • Real-world use: use this skill to add a new component to packages/react/src/components, validate with tests, and preview via the dev pages.

Quick Start

Open the Punkt React development docs, review the architecture overview, and begin by adding a new component under packages/react/src/components, then run the Build & Dev Commands to start the dev server.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: punkt-react-dev
Download link: https://github.com/oslokommune/punkt-skills/archive/main.zip#punkt-react-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.