스킬 ng-alain-component-development
📦

ng-alain-component-development

콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어🌐 네트워크 접근

ng-alain Angular 컴포넌트 구축

엔터프라이즈 Angular 팀에는 일관된 ng-alain 컴포넌트가 필요합니다. 이 스킬은 테이블, 폼, ACL, 레이아웃, 테마 적용, 접근성 패턴을 안내합니다.

지원: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥉 77 브론즈

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청
Review the Skillstore skill "ng-alain-component-development" from https://skillstore.io/skills/7spade-ng-alain-component-development.md and its manifest at https://skillstore.io/api/skills/7spade-ng-alain-component-development/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/7spade-ng-alain-component-development.md 서명된 manifest GET /api/skills/7spade-ng-alain-component-development/manifest 서명된 lockfile GET /api/skills/7spade-ng-alain-component-development/lockfile

테스트해 보기

"ng-alain-component-development" 사용 중입니다. 상태 배지와 편집 및 삭제 작업이 포함된 작업 테이블을 생성하세요.

예상 결과:

  • ng-alain ST 테이블 규칙을 사용하는 standalone Angular 컴포넌트입니다.
  • 식별자, 제목, 상태 배지, 날짜, 행 작업에 대한 컬럼 가이드입니다.
  • 로딩 상태, 페이지네이션, 삭제 확인, 핸들러 배치에 대한 참고 사항입니다.

"ng-alain-component-development" 사용 중입니다. 담당자와 마감일 필드가 포함된 작업 생성용 schema form을 생성하세요.

예상 결과:

  • 제목, 설명, 상태, 우선순위, 담당자, 마감일, 태그가 포함된 SF 폼 구조입니다.
  • 필수 필드와 필드 길이 제한에 대한 유효성 검사 가이드입니다.
  • 제출 및 변경 이벤트에 대한 반응형 그리드 가이드와 이벤트 처리 참고 사항입니다.

"ng-alain-component-development" 사용 중입니다. 반응형 레이아웃과 접근성 관점에서 내 ng-alain 대시보드를 검토하세요.

예상 결과:

  • 그리드 중단점, 컴포넌트 라벨, 로딩 상태, 키보드 접근성을 다루는 검토 체크리스트입니다.
  • 테마 변수 사용과 다크 모드 동작에 대한 권장 사항입니다.
  • 모바일 테스트와 사용자 피드백 상태에 대한 구체적인 후속 항목입니다.

보안 감사

안전
v6 • 2026. 7. 6. 버전별 보고서 열기

All static findings were adjudicated as false positives from Markdown code fences, Angular TypeScript examples, CSS tokens, or documentation links. No prompt injection, data exfiltration intent, executable shell behavior, or unauthorized network behavior was found in SKILL.md.

1
스캔된 파일
641
분석된 줄 수
0
검토 항목
0
오탐 무시됨

위험 요인

⚙️ 외부 명령어 (28)
SKILL.md:29-38 SKILL.md:46-135 SKILL.md:135-139 SKILL.md:139-148 SKILL.md:155-263 SKILL.md:263-267 SKILL.md:267-276 SKILL.md:297-316 SKILL.md:316-320 SKILL.md:320-329 SKILL.md:363-387 SKILL.md:387-391 SKILL.md:391-399 SKILL.md:438-446 SKILL.md:446-450 SKILL.md:450-461 SKILL.md:468-502 SKILL.md:502-508 SKILL.md:508-522 SKILL.md:522-526 SKILL.md:526-532 SKILL.md:537-554 SKILL.md:554-560 SKILL.md:560-575 SKILL.md:575-579 SKILL.md:579-591 SKILL.md:591-595 SKILL.md:595-614
🌐 네트워크 접근 (3)
SKILL.md:636 SKILL.md:637 SKILL.md:638
가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.
감사자: codex 감사 이력 보기 →
이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기
보안 평가

보고서 링크 복사

https://skillstore.io/skills/7spade-ng-alain-component-development/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/7spade-ng-alain-component-development/security.svg)](https://skillstore.io/skills/7spade-ng-alain-component-development?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/7spade-ng-alain-component-development?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/7spade-ng-alain-component-development/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/7spade-ng-alain-component-development.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
학술 인용 (APA · BibTeX · CFF)

APA 인용

7Spade. (2026). ng-alain-component-development security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/7spade-ng-alain-component-development/audits/6

BibTeX 인용

@techreport{7spade-7spade-ng-alain-component-development-2026, author = {7Spade}, title = {ng-alain-component-development security audit report (audit version 6)}, institution = {Skillstore}, year = {2026}, number = {6}, url = {https://skillstore.io/skills/7spade-ng-alain-component-development/audits/6}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "ng-alain-component-development security audit report (audit version 6)" version: "unspecified" type: report authors: - name: "7Spade" date-released: "2026-07-06" url: "https://skillstore.io/skills/7spade-ng-alain-component-development/audits/6" identifiers: - type: other value: "skillstore:7spade-ng-alain-component-development:audit:6" description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음
55
아키텍처
85
유지보수성
87
콘텐츠
70
커뮤니티
78
사양 준수

만들 수 있는 것

엔터프라이즈 테이블 생성

ST 컬럼, 배지, 작업, 페이지네이션, 로딩 상태가 포함된 작업, 사용자 또는 감사 테이블을 구축합니다.

Angular UI 패턴 표준화

제품 화면 전반에서 공유 import, @delon 컴포넌트, ACL 검사, 테마 적용, 반응형 레이아웃을 정렬합니다.

컴포넌트 품질 검토

생성된 ng-alain 컴포넌트의 접근성 라벨, 모바일 레이아웃 동작, 사용자 피드백 상태를 확인합니다.

이 프롬프트를 사용해 보세요

Simple Table 생성 
[entity]용 standalone ng-alain 테이블 컴포넌트를 생성하세요. ST 컬럼, 로딩 상태, 페이지네이션, 편집 및 삭제 작업을 사용하세요.
Schema Form 생성 
[entity]용 SF schema form을 생성하세요. 필수 필드, 비동기 select 옵션, 제출 처리, 변경 처리, 반응형 그리드 설정을 포함하세요.
관리형 페이지 구축 
[workflow]용 완전한 ng-alain 페이지를 생성하세요. PageHeader, breadcrumb, ST 테이블, 모달 또는 drawer의 SF 폼, ACL 기반 작업을 포함하세요.
기존 컴포넌트 감사 
이 Angular 컴포넌트를 ng-alain 모범 사례 관점에서 검토하세요. 공유 import, @delon 사용, 반응형 레이아웃, ACL 적용 범위, 테마 적용, 로딩 상태, 접근성을 확인하세요.

모범 사례

  • standalone 컴포넌트 전반에서 ng-zorro 및 @delon 종속성을 일관되게 유지하려면 공유 import를 사용하세요.
  • 테이블, 폼, 모달, drawer에 로딩, 빈 상태, 오류, 확인 상태를 추가하세요.
  • 접근 가능한 엔터프라이즈 화면을 위해 반응형 그리드 설정, 테마 변수, ARIA 라벨을 사용하세요.

피하기

  • 보호된 작업을 CSS로만 숨겨 ACL 검사를 우회하지 마세요.
  • 모바일 지원이 필요한 페이지에 데스크톱 전용 그리드 크기를 하드코딩하지 마세요.
  • 테이블, 폼, 모달 또는 drawer 이벤트 핸들러를 설명 없는 placeholder로 남겨두지 마세요.

자주 묻는 질문

이 스킬은 어떤 Angular 스타일을 사용하나요?
signals와 공유 import를 사용하는 Angular 20 standalone 컴포넌트 패턴을 따릅니다.
이 스킬은 ng-alain 패키지를 설치하나요?
아니요. 이미 라이브러리를 사용할 수 있는 프로젝트를 위한 구현 가이드와 예제를 제공합니다.
컴포넌트 코드 생성을 도울 수 있나요?
예. ng-alain 및 ng-zorro 패턴을 따르는 Angular 컴포넌트 코드를 AI 어시스턴트가 작성하도록 안내합니다.
접근 제어를 다루나요?
예. 권한 기반 작업과 코드 수준 권한 검사를 위한 @delon/acl 예제를 포함합니다.
접근성 가이드가 포함되어 있나요?
예. ARIA 라벨, 올바른 폼 라벨, 반응형 레이아웃 검사, 모바일 테스트 가이드를 포함합니다.
백엔드 API 구현이 포함되어 있나요?
아니요. 서비스 호출과 데이터 소스는 프로젝트 백엔드에 연결해야 하는 placeholder입니다.

개발자 세부 정보

작성자

7Spade

라이선스

MIT

Skillstore 리비전

r1

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/7Spade/ng-dragon/tree/main/.github/skills/ng-alain-component

참조

c1fdca50ff516318f65fed0d7f9e82797c5171dc

유지보수 최신성

2026. 7. 26.

사용량

14 다운로드 · 188 조회

파일 구조

📄 SKILL.md

7Spade의 다른 스킬

전체 보기

관련 스킬

전체 보기