스킬 tdd-vitest-typescript

📦

tdd-vitest-typescript

Name: tdd-vitest-typescript
Author: Emz1998

콘텐츠 리비전 r1 높은 위험 ⚙️ 외부 명령어📁 파일 시스템 접근

Vitest로 TypeScript 테스트 구축하기

팀은 테스트를 뒤늦게 추가하는 경우가 많으며, 이로 인해 TypeScript 회귀를 잡아내기가 더 어려워집니다. 이 스킬은 Claude, Codex, Claude Code가 테스트 우선 Vitest 워크플로를 따르도록 안내합니다.

지원: Claude Codex Code(CC)

⚠️ 38 나쁨

Maintain this Skill? Claim it ⚠️ 38 나쁨

설치 전에 중지하고 확인을 요청하세요.

계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.

내 에이전트로 설치

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

에이전트 요청

Review the Skillstore skill "tdd-vitest-typescript" from https://skillstore.io/skills/emz1998-tdd-vitest-typescript.md and its manifest at https://skillstore.io/api/skills/emz1998-tdd-vitest-typescript/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

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

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

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

Markdown 상세 GET /skills/emz1998-tdd-vitest-typescript.md 서명된 manifest GET /api/skills/emz1998-tdd-vitest-typescript/manifest 서명된 lockfile GET /api/skills/emz1998-tdd-vitest-typescript/lockfile

테스트해 보기

"tdd-vitest-typescript" 사용 중입니다. 계산기의 나누기 동작에 대한 테스트가 필요합니다.

예상 결과:

이 스킬은 성공 케이스와 0으로 나누는 케이스를 식별하고, 먼저 실패하는 테스트를 작성한 다음, 최소 구현을 안내합니다.

"tdd-vitest-typescript" 사용 중입니다. 우리의 비동기 사용자 조회 테스트가 불안정합니다.

예상 결과:

이 스킬은 시간 지연을 promise-aware assertion으로 대체하고, 테스트 간 mock을 초기화하며, 성공 및 실패 시나리오를 분리합니다.

"tdd-vitest-typescript" 사용 중입니다. 리팩터링 전에 이 Vitest 테스트를 리뷰해 주세요.

예상 결과:

이 스킬은 구현에 결합된 assertion을 지적하고, 동작 중심 커버리지를 제안하며, 의미 있는 테스트로 리팩터링을 보호합니다.

보안 감사

높은 위험

v4 • 2026. 7. 5. 버전별 보고서 열기

Most static findings are false positives from Markdown code fences, JavaScript template literals, and sample Vitest assertions. The setup script does have real external command and filesystem side effects, and it accepts an unvalidated target directory before writing generated files.

스캔된 파일

1,930

분석된 줄 수

검토 항목

오탐 무시됨

확인된 보안 우려 사항 (1)

높음

scripts/setup-vitest.js:12 scripts/setup-vitest.js:27-33 scripts/setup-vitest.js:48-177

Unvalidated Project Path Can Redirect File Writes

The setup script accepts the target directory from process.argv[2], creates it recursively, changes into it, and writes project files. Absolute paths or parent-directory segments could place generated files outside the intended workspace.

The path comes directly from argv and is passed into existsSync, mkdirSync, and process.chdir before many writes. I found no normalization or rejection of absolute paths or parent traversal.

기능 검토 항목 (4)

이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.

높음

scripts/setup-vitest.js:8

Node.js child_process module

import { execSync } from 'child_process';

The setup script imports child_process so it can run external commands. The observed commands are setup-related and hardcoded, but this still gives the script package-manager execution capability.

높음

scripts/setup-vitest.js:17

Synchronous process execution

execSync(command, { stdio: 'inherit', ...options });

execSync runs npm init and npm install from the script, which can modify the workspace and trigger package-manager side effects. The command values are hardcoded, so the concern is execution capability rather than direct injection.

중간

scripts/setup-vitest.js:22

Synchronous file operations

writeFileSync(path, content.trim() + '\n');

writeFileSync is used by the project generator to create files such as configs, source files, tests, and README content. This is intended setup behavior, but it can overwrite files without prompting.

중간

scripts/setup-vitest.js:177

Synchronous file operations

writeFileSync('package.json', JSON.stringify(packageJson, null, 2) + '\n');

The script writes package.json after modifying scripts and module type. This is legitimate setup behavior, but it directly changes project metadata and can overwrite user configuration.

위험 요인

⚙️ 외부 명령어 (83)

📁 파일 시스템 접근 (7)

references/anti-patterns.md:12 scripts/setup-vitest.js:9 scripts/setup-vitest.js:22 scripts/setup-vitest.js:167 scripts/setup-vitest.js:177 scripts/setup-vitest.js:36 scripts/setup-vitest.js:126

감사자: codex 감사 이력 보기 →

이 보고서 공유 및 인용

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

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/emz1998-tdd-vitest-typescript/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/emz1998-tdd-vitest-typescript/security.svg)](https://skillstore.io/skills/emz1998-tdd-vitest-typescript?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/emz1998-tdd-vitest-typescript?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-tdd-vitest-typescript/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/emz1998-tdd-vitest-typescript.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 인용

Emz1998. (2026). tdd-vitest-typescript security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-tdd-vitest-typescript/audits/4

BibTeX 인용

@techreport{emz1998-emz1998-tdd-vitest-typescript-2026,
  author = {Emz1998},
  title = {tdd-vitest-typescript security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/emz1998-tdd-vitest-typescript/audits/4},
  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: "tdd-vitest-typescript security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "Emz1998"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/emz1998-tdd-vitest-typescript/audits/4"
identifiers:
  - type: other
    value: "skillstore:emz1998-tdd-vitest-typescript:audit:4"
    description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 중간

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

테스트가 포함된 TypeScript 기능 시작하기

첫 번째 실패하는 Vitest 테스트를 만들고, 통과하는 최소 코드를 구현한 뒤 자신 있게 리팩터링합니다.

코드 리뷰에서 테스트 품질 개선하기

병합 전에 광범위한 assertion, 과도한 mock, 공유 상태, 누락된 엣지 케이스를 식별합니다.

실용적인 TDD 패턴 배우기

TypeScript 예제를 사용해 집중된 테스트, 비동기 assertion, fixture, 커버리지 습관을 연습합니다.

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

첫 번째 실패하는 테스트 만들기

이 스킬을 사용하여 이 TypeScript 동작에 대한 첫 번째 실패하는 Vitest 테스트를 작성하세요. 그런 다음 가장 작은 구현 단계를 설명하세요.

기존 함수 커버하기

이 TypeScript 함수를 리뷰하고 정상 케이스, 엣지 케이스, 오류에 대한 Vitest 테스트를 제안하세요. Red-Green-Refactor를 따르세요.

테스트 안전망을 갖춘 리팩터링

이 리팩터링을 위한 Vitest 안전망을 설계하세요. 동작 중심 테스트를 우선하고 구현 세부 사항에 묶인 assertion은 피하세요.

통합 커버리지 계획하기

Vitest를 사용하여 이 TypeScript 워크플로에 대한 통합 테스트 계획을 만드세요. 단위 테스트, 통합 테스트, mock, 설정 요구 사항을 구분하세요.

모범 사례

구현 전에 실패하는 테스트를 작성한 다음, 각 단계를 작게 유지하세요.
비공개 구현 세부 사항 대신 공개 동작, 엣지 케이스, 오류 경로를 테스트하세요.
mock을 초기화하고 테스트마다 변경 가능한 상태를 다시 만들어 테스트를 격리하세요.

피하기

서로 관련 없는 여러 동작을 한 번에 검증하는 광범위한 테스트를 사용하지 마세요.
skip이나 조용한 오류 처리로 불안정한 테스트를 숨기지 마세요.
테스트가 실제 동작을 입증하지 못하게 될 때까지 내부 로직을 과도하게 mock하지 마세요.

자주 묻는 질문

이 스킬은 Vitest를 자동으로 설치하나요?

설정 지침과 설정 스크립트가 포함되어 있지만, 사용자는 실행 전에 스크립트를 검토해야 합니다.

기존 코드에도 도움이 되나요?

예. 기존 TypeScript 코드에 대해 characterization test, 엣지 케이스 테스트, 리팩터링 안전 테스트를 추가할 수 있습니다.

비동기 테스트를 지원하나요?

예. references에는 promise assertion, rejected promise, retry, 비동기 통합 예제가 포함되어 있습니다.

UI 컴포넌트를 테스트할 수 있나요?

UI 테스트를 지원할 수 있는 Vitest 패턴을 제공하지만, 프로젝트별 렌더링 도구가 여전히 필요할 수 있습니다.

단위 테스트 전용인가요?

아니요. 단위 테스트, 통합 패턴, mock, fixture, snapshot, 커버리지 습관을 다룹니다.

완전한 커버리지를 보장하나요?

아니요. 의미 있는 테스트를 설계하는 데 도움을 주지만, 팀은 제품 리스크에 따라 커버리지 목표를 선택해야 합니다.

개발자 세부 정보

작성자

Emz1998

라이선스

MIT

Skillstore 리비전

버전 안내

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

리포지토리

https://github.com/Emz1998/nexly-notes/tree/main/archive/tdd

참조

30c73eac2afe762f6aa9c4553158769369d47351

유지보수 최신성

2026. 7. 18.

사용량

7 다운로드 · 165 조회

파일 구조

📁 references/

📄 advanced-patterns.md

📄 anti-patterns.md

📁 scripts/

📄 setup-vitest.js

starknet.js로 Starknet 앱 구축하기

작성자 internet-court

Starknet 통합에는 정밀한 provider, account, transaction 및 fee 처리가 필요합니다. 이 skill은 Claude, Codex 및 Claude Code에 실용적인 starknet.js v9 패턴을 제공합니다.

코딩 및 개발 보기

tdd-vitest-typescript

내 에이전트로 설치

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

테스트해 보기

보안 감사

확인된 보안 우려 사항 (1)

위험 요인

보고서 링크 복사

Markdown 배지

HTML 배지

임베드 카드

APA 인용

BibTeX 인용

CITATION.cff

Skillstore 점수

만들 수 있는 것

테스트가 포함된 TypeScript 기능 시작하기

코드 리뷰에서 테스트 품질 개선하기

실용적인 TDD 패턴 배우기

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

모범 사례

피하기

자주 묻는 질문

개발자 세부 정보

Emz1998의 다른 스킬

code-instructor

brainstorming-features

writing-page-layout

tasks-generator

writing-types

implementation-review

관련 스킬

playwright-testing

testing

testing-strategy

jest-testing

nestjs-code-audit

starknet-js