What is the primary purpose of the One UI Migration Patterns skill?

It provides a centralized knowledge base and code snippets for migrating Angular applications to the One UI framework, ensuring developers follow correct patterns for UI, state, and architecture.

Can this skill help with form validation?

Yes, it provides specific implementation patterns for OneValidators and NonNullableFormBuilder to ensure forms meet project-specific validation standards.

Which Angular versions does this skill support?

The skill focuses on modern Angular practices, including version 17 and beyond, covering features like Signals, @if/@for control flow, and the inject function.

Does it provide architectural guidance?

Absolutely. It includes documentation for DDD (Domain-Driven Design) architecture, covering domain, features, UI, and shell layers.

How do I use this skill to find table patterns?

You can simply query 'table' or ask a question about Table migration to receive summarized rules, code examples for CommonTableComponent, and a list of common mistakes.

One UI Angular Migration Patterns

Name: One UI Angular Migration Patterns
Author: Michael0520

byMichael0520

0•

Design Tools

Provides standardized patterns and best practices for migrating Angular components to One UI standards, including tables, forms, and modern syntax.

The One UI Migration Patterns skill serves as an expert consultant for developers transitioning legacy Angular projects to the One UI framework and modern Angular standards. It offers instant access to domain-specific documentation, implementation rules, and code snippets for critical UI components like tables, forms, and dialogs. By providing specific guidance on DDD architecture, SignalStore patterns, and Angular 20 syntax, this skill ensures consistency across the codebase while preventing common pitfalls like incorrect component usage or outdated validation patterns.

Key Features

01Instant lookup of table, form, and dialog migration patterns

020 GitHub stars

03Guidance on Angular 17+ syntax including Signals and Control Flow

04Automated identification of UI pitfalls such as incorrect mat-card usage

05Detailed DDD architecture and SignalStore implementation examples

06Standardized form validation rules using OneValidators

Use Cases

01Onboarding developers to specific DDD architecture and state management patterns

02Troubleshooting UI layout and component configuration issues during migration

03Refactoring legacy Angular components to match modern One UI design systems

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add michael0520/milo-claudekit migration-patterns

For use in Claude.ai and ChatGPT

Download Skill