Skill 广场
Angular工程初始化 Skill

Angular工程初始化.Skill

@angular/angular-new-app

4.6优秀AI 评分基础检查通过源自 GitHub

该能力专为前端开发者设计,通过规范化的Angular CLI工作流建立现代化的Angular应用项目。它会自动检测本地环境的CLI可用性,依据应用需求配置样式预处理器(SCSS/CSS/LESS)、路由、SSR服务端渲染与AI配置文件(如Agents/Gemini/Cursor),并在工程建立后协助生成规范化的组件、服务、守卫等模块代码或集成Tailwind CSS样式库。

编程Angular前端开发工程师全栈开发者需要规范化前端工程架构的技术主管2026-09-23 更新main

Angular工程初始化

该能力专为前端开发者设计,通过规范化的Angular CLI工作流建立现代化的Angular应用项目。它会自动检测本地环境的CLI可用性,依据应用需求配置样式预处理器(SCSS/CSS/LESS)、路由、SSR服务端渲染与AI配置文件(如Agents/Gemini/Cursor),并在工程建立后协助生成规范化的组件、服务、守卫等模块代码或集成Tailwind CSS样式库。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

帮我创建一个名为 admin-dashboard 的 Angular 18 项目,需要启用路由和 SCSS,并配置 Tailwind CSS

我想初始化一个支持 SSR 服务端渲染的 Angular 电商前台应用,配置 Cursor 的 AI 上下文规则

使用 Angular CLI 建立一个名为 crm-client 的新应用,前缀使用 crm,不要包含单元测试文件

适用人群

适合谁?

Angular前端开发工程师全栈开发者需要规范化前端工程架构的技术主管

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度