ng-forge

New Field — Design skill for Claude Code

Design community

Scaffold a new dynamic form field component for one or more UI libraries (Material, Bootstrap, PrimeNG, Ionic).

How to install New Field

Installs to ~/.claude/skills/ng-forge-ng-forge-new-field/SKILL.md

Terminal

mkdir -p ~/.claude/skills/ng-forge-ng-forge-new-field && curl -fsSL https://raw.githubusercontent.com/ng-forge/ng-forge/HEAD/.claude/skills/new-field.md -o ~/.claude/skills/ng-forge-ng-forge-new-field/SKILL.md

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

What New Field does

name: new-field description: Scaffold a new dynamic form field component for one or more UI libraries (Material, Bootstrap, PrimeNG, Ionic)

New Field Skill

Scaffolds a new dynamic form field component across the ng-forge UI libraries.

Required User Input

The user **must** provide:

Field name (e.g., color-picker, file-upload, autocomplete)
Target libraries (default: all four)

If not specified, ask:

What should the field be called? (e.g., `color-picker`)

Alternatives in Design

Design UI UX — Design UI/UX systems with style guides, palettes, typography, and component specs 2.8k ★
Scaffold Project — Scaffold a new design-product project that matches the recommended Claude Code layout (the reference structure 781 ★
Brand Kit — Generate a complete brand kit from a logo and 1-2 brand colors — full palette, type scale, icon style, compone 309 ★