perigon-angular
Angular 21+ Perigon 컨벤션 적용
이 스킬은 Perigon WebApp을 위한 표준화된 Angular 21+ 개발 컨벤션을 제공합니다. 컴포넌트 아키텍처, 신호 기반 상태 관리, Material Design 통합을 다루어 개발자가 일관되고 현대적인 코드를 유지할 수 있도록 돕습니다.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“perigon-angular”。 신호 기반 상태 관리를 사용하는 사용자 프로필 페이지 컴포넌트 생성
预期结果:
- • 위치: app/pages/user-profile/
- • 타입: 독립형 컴포넌트 및 신호 폼
- • 임포트: 독립형 임포트를 통한 Material 모듈
- • 상태: 신호 기반 계산 값 및 이펙트
- • 스타일: 컴포넌트와 함께 배치된 SCSS
- • 라우트: app.routes.ts에 등록됨
安全审计
安全All 22 static findings are FALSE POSITIVES. This skill contains only documentation describing Angular 21+ development conventions. The pre-computed security audit explicitly states: 'This skill contains only documentation in markdown format. No code execution, file system access, network calls, or external commands are present.' The static scanner misidentified SHA-256 content hashes, GitHub repository URLs, and development documentation references as security threats.
风险因素
🌐 网络访问 (1)
📁 文件系统访问 (1)
质量评分
你能构建什么
Angular 프로젝트 컨벤션
Angular 21+ Perigon WebApp 개발에서 일관된 프로젝트 구조 및 코딩 패턴 적용
서비스 및 API 패턴
Perigon 표준에 따라 HTTP 클라이언트, 인터셉터, 환경 설정 구성
Material Design 구현
적절한 테마 및 독립형 임포트 패턴으로 Angular Material 컴포넌트 구현
试试这些提示
Perigon 컨벤션을 사용하여 새로운 Angular 21+ 페이지 컴포넌트를 생성합니다. 독립형 설정, 신호 기반 상태, Material 임포트, pages 디렉토리의 적절한 라우트 구성을 포함합니다.
Perigon 패턴에 따라 Angular 서비스를 구현합니다. 기본 서비스 패턴을 사용하고, 적절한 타입 정의를 포함하며, HTTP 인터셉터를 구성하고 환경 설정을 참조합니다.
Perigon 컨벤션을 사용하여 새로운 기능의 Angular Material 테마를 설정합니다. 테마 파일 구조, 색상 팔레트 설정, 독립형 Material 임포트 패턴을 포함합니다.
Perigon 컨벤션에 따라 새로운 국제화 문자열을 추가합니다. i18n 키 정의, JSON 파일 업데이트, 기존 번역 키 패턴 정렬을 포함합니다.
最佳实践
- 독립형 컴포넌트를 전적으로 사용하고 가능한 경우 NgModules 사용Avoid
- 레거시 양방향 바인딩 패턴보다 신호와 신호 폼 선호
- 컴포넌트 스타일을 각 컴포넌트 파일 옆에 유지
避免
- 독립형 대안이 있을 때 레거시 NgModule 패턴 사용Avoid
- 불필요하게 레거시 양방향 바인딩과 신호 혼합하지 않기
- 글로벌 스타일 분산 - 페이지 스타일을 컴포넌트와 함께 유지