skills.rest
whitecloud-save
whitecloud-saveOFFICIAL
Explore all skills by this author →
GitHub

ng-zorro

Provide guidance and code examples for NG-ZORRO Angular UI components.

9|Updated Feb 14, 2026
Search Tags:#typescript#angular#frontend development#ui components#ant design#ng-zorro
One-click install
npx skills add https://github.com/whitecloud-save/whitecloud-client --skill ng-zorro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ng-zorro
Source: https://github.com/whitecloud-save/whitecloud-client/tree/main/.opencode/skills/ng-zorro
Command: npx skills add https://github.com/whitecloud-save/whitecloud-client --skill ng-zorro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill assists developers in using the NG-ZORRO (Ant Design) Angular UI component library by providing guidance and code examples for various components.

Core Features & Use Cases

  • Component Usage Guidance: Offers detailed explanations and code snippets for common NG-ZORRO components like Buttons, Forms, Tables, Modals, etc.
  • Code Generation: Provides ready-to-use Angular component templates for quick integration.
  • Use Case: A developer needs to quickly implement a data table with sorting and pagination using NG-ZORRO. They can consult this Skill for the correct component structure, properties, and event handling.

Quick Start

Show me how to create a basic button component using NG-ZORRO.

Frequently Asked Questions about ng-zorro

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an Angular data table with sorting and pagination using NG-ZORRO?▼

To create an Angular data table with sorting and pagination using NG-ZORRO, you need to configure the component's properties and handle data source events. This provides enterprise-grade data display capabilities for Angular applications.

How do I implement form validation in Angular with Ant Design components?▼

Implementing form validation in Angular with Ant Design components involves utilizing NG-ZORRO form elements and TypeScript logic. This Skill provides detailed explanations and ready-to-use code snippets for integrating these feedback mechanisms.

Does NG-ZORRO work with TypeScript for frontend development?▼

Yes, NG-ZORRO works with TypeScript for frontend development, providing an Angular UI component library based on Ant Design. It facilitates rapid development of Angular applications with enterprise-grade UI elements.

What is the best way to generate UI component templates for Angular applications?▼

The best way to generate UI component templates for Angular applications is by utilizing a guidance assistant that provides ready-to-use NG-ZORRO code snippets. This accelerates integration of navigation, forms, and feedback mechanisms.

Can I use NG-ZORRO components to build enterprise-grade Angular navigation?▼

Yes, you can use NG-ZORRO components to build enterprise-grade Angular navigation. The Skill offers comprehensive guidance and code examples covering a wide range of navigation components for rapid application development.

Related Skills

Explore More Software Engineering Skills→
partme-aipartme-ai
610

ant-design-react

Guide Ant Design React component usage with TypeScript and design system support.

Official
Intermediate
Angriff36Angriff36

Frontend Implementation

Guide frontend UI development across React, Vue, and Angular projects.

Community
Advanced
nguyenthienthanhnguyenthienthanh
24

angular-expert

Optimize Angular 17+ components and state management with signals and RxJS.

Community
Advanced
ai-enhanced-engineerai-enhanced-engineer
3

frontend-material-design-3

Implement Material Design 3 components and CSS tokens for Angular and Svelte.

Official
Intermediate