lfx-ui-builder

Official

PR-ready Angular frontend code generator.

Authorlinuxfoundation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates the generation of PR-ready Angular 20 frontend code that adheres to all LFX frontend conventions, including components, services, templates, drawers, pagination, and styling.

Core Features & Use Cases

  • PR-ready scaffolding: generate components, services, templates, drawers, and pagination UI that integrate smoothly with existing Angular repos.
  • Enforces Angular patterns: standalone components, direct imports, signal-based state management, nuclear license headers, and consistent project structure.
  • Repo-scoped activation: operates only in Angular repositories to ensure compatibility with Angular-specific tooling and conventions.
  • Validation-driven workflow: requires explicit module context, absolute repo path, and type definitions before generation.

Quick Start

Ask the tool to generate PR-ready Angular frontend scaffolding for a specific module within your Angular repository.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: lfx-ui-builder
Download link: https://github.com/linuxfoundation/lfx-skills/archive/main.zip#lfx-ui-builder

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 471,000+ vetted skills library on demand.