跳到正文
cccskills

“angular”的搜索结果

233 个 · 按相关度排序

Plan and carry out an AngularJS to Angular migration, from choosing a rewrite strategy to converting components, services, and routes. Includes a hybrid approach that runs both frameworks together while individual features are migrated.

中文简介正在准备中。当前显示英语简介。

  • Planning an AngularJS to Angular migration
  • Moving a large app one feature at a time
  • Converting directives into Angular components
wshobson/agents4.1万2026年10月19日 更新

Plan and carry out a migration from AngularJS to Angular. It covers gradual migration with both frameworks running together, component and service conversion, routing and form changes, plus testing and preparation for the final switch.

中文简介正在准备中。当前显示英语简介。

  • Choose a strategy for migrating an AngularJS application
  • Run AngularJS and Angular together during migration
  • Convert controllers, directives, and services
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

angular-developer

免费有简介AI 评分 90分

协助创建Angular页面组件与服务,设计状态管理、表单和页面导航,并根据项目版本选择实现方式,编写测试、检查构建结果。

  • 新建Angular应用
  • 实现表单与状态管理
  • 设计页面导航与访问控制
affaan-m/ECC28.4万2026年10月16日 更新

angular

免费

Develop Angular v20+ applications using Signals for reactive state and Standalone Components. Supports gradual migration from NgModules, Zoneless configuration, server-side rendering, hydration, and performance optimization with development testing before production use.

中文简介正在准备中。当前显示英语简介。

  • Build a new Angular v20+ application
  • Implement reactive state with Signals
  • Gradually migrate NgModules to Standalone Components
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

angular

免费

Angular is opinionated and comprehensive - it gives you everything: routing, forms, HTTP, dependency injection, testing. The learning curve is steep, but once you're in, you move fast. The structure it enforces is why enterprises love it. This skill covers Angular 17+, standalone components, signals, the new control flow syntax, and modern Angular patterns. Key insight: Angular's power is in its DI system and RxJS integration. Master those, and everything else follows. 2025 lesson: Standalone components are the future. NgModules aren't going away, but new projects should start standalone. Signals are Angular's answer to fine-grained reactivity - learn them. Use when "angular, angular component, angular service, angular routing, angular forms, rxjs, ngrx, angular signals, standalone component, angular ssr, angular, typescript, frontend, spa, enterprise, rxjs, signals, standalone" mentioned.

中文简介正在准备中。当前显示原文说明。

omer-metin/skills-for-antigravity1682026年1月22日 更新

Migrate Angular tables from Table v8 to v9 by reviewing table creation, rendering, state updates, and reusable app hooks. Provides an Angular checklist alongside the core migration checks needed for shared API changes.

中文简介正在准备中。当前显示英语简介。

  • Upgrading an Angular table from v8 to v9
  • Replacing createAngularTable with injectTable
  • Reviewing signal-based state and FlexRender rendering
TanStack/table2.9万2026年10月13日 更新

devtools

免费

Register Angular TanStack Table v9 instances with Devtools, a tool for developers. The skill covers unique table keys, registration that responds to changes, automatic cleanup, and the different setup rules for development and production.

中文简介正在准备中。当前显示英语简介。

  • Register an Angular table with Devtools
  • Investigate a table that fails to register
  • Enable or remove registration as conditions change
TanStack/table2.9万2026年10月13日 更新

Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.

中文简介正在准备中。当前显示英语简介。

  • Fix settings updates in the Angular wrapper
  • Review change detection around grid operations
  • Update examples to standalone components
handsontable/handsontable2.2万2026年10月20日 更新

Build Table v9 tables in Angular using injectTable and FlexRender. Guidance covers signal-driven data updates, reusable table components, and connections to TanStack Query for data fetching and TanStack Virtual for displaying large tables.

中文简介正在准备中。当前显示英语简介。

  • Building a Table v9 table in Angular
  • Reflecting signal-driven data changes in tables
  • Sharing table settings and reusable UI components
TanStack/table2.9万2026年10月13日 更新

Build Angular 17+ applications with standalone components, routing, and shared application state. Covers reactive data handling with RxJS, performance improvements, and unit and integration tests, with code and explanations of architecture choices.

中文简介正在准备中。当前显示英语简介。

  • Building Angular screens with standalone components
  • Managing shared application state with NgRx
  • Configuring lazy-loaded routes and access guards
Jeffallan/claude-skills1.2万2026年10月17日 更新

Build Angular interfaces that handle loading, errors, and data display. This skill guides component work involving asynchronous data, which arrives after a request, and helps organize the interface states needed to present it.

中文简介正在准备中。当前显示英语简介。

  • Building loading states in Angular
  • Handling errors in interface components
  • Displaying asynchronously loaded data
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

Plan how an Angular app stores and updates data used by its screens. Covers local and shared state, choices involving Signals, NgRx, and RxJS, synchronization with server data, debugging, and migration from older patterns.

中文简介正在准备中。当前显示英语简介。

  • Choose an Angular state management approach
  • Design state shared across an app
  • Manage data within individual components
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

Guide Angular development, code review, and refactoring with prioritized performance rules. Review rendering efficiency, loading time, and bundle size—the amount of code delivered to browsers—alongside data fetching and server-rendered page setup.

中文简介正在准备中。当前显示英语简介。

  • Writing Angular components with performance in mind
  • Reviewing code for performance bottlenecks
  • Reducing bundle size and loading time
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

angular

免费

Helps build Angular v20+ applications with Signals, which track changing values, and self-contained Standalone Components. Covers state management, server rendering, performance improvements, and testing, including gradual updates to existing applications.

中文简介正在准备中。当前显示英语简介。

  • Build a new Angular v20+ application
  • Migrate NgModules to Standalone Components
  • Design state management with Signals
davila7/claude-code-templates3.3万2026年10月18日 更新

Read and control Angular Table v9 state using signals, Angular's reactive values. This skill explains tracked reads, externally managed pagination, shared state, and update callbacks so table changes stay connected to templates and derived values.

中文简介正在准备中。当前显示英语简介。

  • Managing pagination with Angular signals
  • Diagnosing table state that does not update the view
  • Reading only the state needed by a template
TanStack/table2.9万2026年10月13日 更新

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

中文简介正在准备中。当前显示英语简介。

  • Adding a code example to a feature guide
  • Preparing examples for multiple frameworks
  • Generating JavaScript examples from TypeScript
handsontable/handsontable2.2万2026年10月20日 更新

Testing Angular 18-21: TestBed, component harnesses (@angular/cdk/testing), Karma+Jasmine (default historical) vs Jest (jest-preset-angular, modern), Angular Testing Library (RTL-style). HttpClient mocking via HttpTestingController. NgRx Effects testing. Cypress / Playwright e2e. Use this skill to: - Detect runner (Karma+Jasmine vs Jest) and configure correctly. - Write component tests with TestBed. - Use component harnesses for Material / custom UI components. - Mock HttpClient via provideHttpClientTesting + HttpTestingController. - Test signal-based inputs with componentRef.setInput(). - Test NgRx Effects with provideMockActions. Do NOT use this skill for: - General Angular conventions (see angular-conventions). - Routing patterns broadly (see angular-routing — covers testing routes briefly). - Form patterns broadly (see angular-forms).

中文简介正在准备中。当前显示原文说明。

AratKruglik/claude-sdlc422026年10月17日 更新

ハイブリッドモード、段階的コンポーネント書き換え、依存性注入更新を使用してAngularJSからAngularへ移行します。AngularJSアプリケーションのアップグレード、フレームワーク移行の計画、またはレガシーAngularコードのモダナイゼーション時に使用します。

中文简介正在准备中。当前显示原文说明。

amurata/cc-tools62025年11月28日 更新

Angular Migration workflow skill. Use this skill when the user needs Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

中文简介正在准备中。当前显示原文说明。

diegosouzapw/awesome-omni-skills1622026年7月8日 更新

Angular Router (built-in `@angular/router`) — route configuration for standalone and NgModule projects, functional guards (Angular 14.1+), lazy loading, route resolvers, typed params via signals/observables, programmatic navigation, route data and meta. Use this skill to: - Configure routes (standalone-style or NgModule-style). - Use functional guards (canActivate as function, preferred over class-based in 17+). - Lazy-load components or feature modules. - Implement auth guards via route meta + functional guards. - Read params/queries via `inject(ActivatedRoute)` + signals or RxJS. Do NOT use this skill for: - General conventions (see angular-conventions). - State management (see angular-state-and-rx). - Forms (see angular-forms). - Testing routes (see angular-testing).

中文简介正在准备中。当前显示原文说明。

AratKruglik/claude-sdlc422026年10月17日 更新

Angular 18-21 project structure, standalone components vs NgModule, control flow (@if/@for/@switch + *ngIf/*ngFor legacy), decorators, dependency injection (inject() function), lifecycle hooks, pipes, Angular Universal SSR pointer. Use this skill to: - Detect project style (standalone vs NgModule) and apply matching patterns. - Pick correct decorators and DI approach. - Use modern control flow (@if/@for/@switch) in Angular 17+ projects. - Apply `inject()` function over constructor injection where appropriate. - Wire bootstrap correctly (bootstrapApplication for standalone, AppModule for legacy). Do NOT use this skill for: - State management (see angular-state-and-rx). - Routing (see angular-routing). - Forms (see angular-forms). - Testing (see angular-testing).

中文简介正在准备中。当前显示原文说明。

AratKruglik/claude-sdlc422026年10月17日 更新

Use when working with Angular code — components, signals, services, forms, routing, HTTP, testing, SSR, or tooling. Targets Angular v20+ modern patterns. Auto-activates on .ts files in Angular projects (detected via angular.json).

中文简介正在准备中。当前显示原文说明。

ngocsangyem/MeowKit152026年7月28日 更新

Angular Best Practices workflow skill. Use this skill when the user needs Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

中文简介正在准备中。当前显示原文说明。

diegosouzapw/awesome-omni-skills1622026年7月8日 更新

Angular Migration workflow skill. Use this skill when the user needs Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

中文简介正在准备中。当前显示原文说明。

diegosouzapw/awesome-omni-skills1622026年7月8日 更新