equinor

New Component — Development skill for Claude Code

Development community

Create New EDS 2.0 Component.

How to install New Component

Installs to ~/.claude/commands/equinor-design-system-new-component.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/equinor/design-system/HEAD/.claude/commands/new-component.md -o ~/.claude/commands/equinor-design-system-new-component.md

Restart Claude Code, or start a new session, for it to be picked up.

What New Component does

Create New EDS 2.0 Component

Create a new EDS 2.0 component named **$ARGUMENTS** in `packages/eds-core-react/src/components/next/`.

**Canonical reference:** [`documentation/agent-instructions/BUILDING_EDS_2_COMPONENTS.md`](../../documentation/agent-instructions/BUILDING_EDS_2_COMPONENTS.md) — foundation data-attributes, critical patterns, file templates, common mistakes, advanced patterns, and the anti-patterns checklist. Project-wide conventions live in [`AGENTS.md`](../../AGENTS.md).

Alternatives in Development

Create Blog Article For Claude Code Component — You will create a complete, SEO-optimized blog article for a Claude Code component 23.4k ★
Portaljs Add Chart — Add a chart (line, bar, area, pie, or scatter) to a dataset's showcase in a PortalJS portal 2.3k ★
Migrate Component — Migrate a docs component from rST/Snooty AST to MDX 775 ★