code-instructor
80앱을 만들며 코드 가르치기
예제가 실제 프로젝트와 동떨어져 있으면 코드 학습은 추상적으로 느껴질 수 있습니다. 이 스킬은 작동하는 애플리케이션을 단계별로 만들면서 개념을 가르칩니다.
Next.js 앱 데이터 파일 구조화
관련 없는 레코드가 함께 묶이면 앱 데이터 파일을 유지 관리하기 어려워질 수 있습니다. 이 스킬은 모듈식 Next.js 데이터 파일을 위한 간단한 규칙을 제공합니다.
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "writing-data" from https://skillstore.io/skills/emz1998-writing-data.md and its manifest at https://skillstore.io/api/skills/emz1998-writing-data/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
"writing-data" 사용 중입니다. 앱 데이터 폴더에 추천사 두 개와 가격 항목 하나를 추가해 달라는 요청.
예상 결과:
각각 50줄 미만인 별도의 추천사 파일들과 별도의 가격 파일로 구성된 파일 계획.
"writing-data" 사용 중입니다. 내비게이션, 가격, 추천사를 섞어 둔 대형 콘텐츠 데이터 파일.
예상 결과:
각 콘텐츠 영역을 집중된 데이터 파일로 분리하는 구조 재구성 권장 사항.
"writing-data" 사용 중입니다. 여러 기능 데이터 항목을 위한 제안된 폴더 계획.
예상 결과:
크기가 지나치게 큰 파일과 분리해야 할 그룹화된 레코드를 지적하는 검토.
The two static findings are false positives caused by Markdown inline-code backticks around srs/data in SKILL.md. I found no executable code, shell invocation instructions, prompt injection text, or semantic data-exfiltration intent in the 16-line skill file.
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
https://skillstore.io/skills/emz1998-writing-data/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-writing-data?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-writing-data?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-writing-data/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-writing-data.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Emz1998. (2026). writing-data security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-writing-data/audits/4@techreport{emz1998-emz1998-writing-data-2026,
author = {Emz1998},
title = {writing-data security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/emz1998-writing-data/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "writing-data security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/emz1998-writing-data/audits/4"
identifiers:
- type: other
value: "skillstore:emz1998-writing-data:audit:4"
description: "Skillstore immutable audit report identifier"
크기가 지나치게 큰 파일을 만들지 않고 새 Next.js 기능을 위한 작은 데이터 파일을 계획합니다.
반복 가능한 사이트 콘텐츠를 집중된 파일로 분리하여 더 쉽게 업데이트할 수 있게 합니다.
제안된 데이터 폴더를 간단한 크기 및 모듈성 규칙에 맞춰 확인합니다.
writing-data 스킬을 사용하여 이 새 항목을 앱 데이터 폴더에 배치하세요. 데이터 항목 하나당 파일 하나를 만드세요.
writing-data 스킬을 사용하여 이 관련 항목들을 모듈식 데이터 파일로 분리하세요. 모든 파일을 50줄 미만으로 유지하세요.
writing-data 스킬을 사용하여 이 대형 데이터 파일 계획을 검토하세요. 파일 하나당 데이터 항목 하나가 들어가도록 더 작은 파일들을 제안하세요.
writing-data 스킬을 사용하여 제가 제안한 앱 데이터 폴더 구조를 확인하세요. 모듈성 또는 50줄 규칙을 위반하는 파일을 식별하세요.
작성자
Emz1998라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
a06681402992ceae98ba04d54cfd4ab004862696
유지보수 최신성
2026. 7. 22.
사용량
7 다운로드 · 144 조회
파일 구조
📄 SKILL.md
앱을 만들며 코드 가르치기
예제가 실제 프로젝트와 동떨어져 있으면 코드 학습은 추상적으로 느껴질 수 있습니다. 이 스킬은 작동하는 애플리케이션을 단계별로 만들면서 개념을 가르칩니다.
구조화된 아이디어로 앱 기능 브레인스토밍
팀에는 사용자 가치, 실현 가능성, 지표를 연결하는 실용적인 기능 아이디어가 필요합니다. 이 스킬은 웹 및 모바일 앱 기획을 위한 구조화된 브레인스토밍을 안내합니다.
간결한 Next.js 페이지 레이아웃 만들기
Next.js 페이지 파일은 레이아웃, 타입, 페이지 로직이 함께 커질 때 유지보수가 어려워질 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 분리된 타입을 사용하는 모듈식 page.tsx 레이아웃을 만들도록 안내합니다.
프로젝트 작업 로드맵 생성
프로젝트 팀은 사양을 명확한 구현 작업으로 전환하는 데 어려움을 겪는 경우가 많습니다. 이 skill은 사양을 종속성과 검증 단계가 포함된 단계별 작업으로 변환합니다.
모듈식 Next.js 타입 작성
Next.js 프로젝트에는 유지 관리가 어려운 대형 타입 파일이 쌓일 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 srs/types에 작은 TypeScript 타입과 인터페이스를 작성하도록 안내합니다.
커밋 전 구현 검토
워크플로 단계가 빠르게 진행되면 팀은 계획의 결함이나 코드 문제를 놓칠 수 있습니다. 이 skill은 완료된 계획과 구현을 다음 단계로 넘어가기 전에 리뷰 에이전트로 라우팅합니다.
React View Transitions 구현
작성자 vercel-labs
React view transitions는 배치 위치를 잘못 잡기 쉬워, 조용히 발생하거나 시끄러운 애니메이션을 유발할 수 있습니다. 이 스킬은 라우트, Suspense, 목록, 공유 요소 애니메이션 선택을 안내합니다.
프로덕션에 바로 적용할 수 있는 프런트엔드 기능 구축
작성자 davila7
프런트엔드 팀은 여러 프로젝트에서 일관된 React 및 Next.js 지침이 필요합니다. 이 스킬은 프런트엔드 분석을 위한 참조 워크플로, 품질 관리 사례, 보조 스크립트를 제공합니다.
React 및 Next.js 성능 최적화
작성자 vercel-labs
React 및 Next.js 앱은 워터폴, 큰 번들, 피할 수 있는 재렌더링으로 인해 속도가 저하되는 경우가 많습니다. 이 스킬은 에이전트에게 성능 중심 변경을 더 안전하게 수행하기 위한 구체적인 규칙을 제공합니다.
시니어 가이드와 함께 풀스택 앱 빌드
작성자 alirezarezvani
풀스택 프로젝트에는 일관된 설정, 아키텍처 선택, 품질 검사가 필요한 경우가 많습니다. 이 스킬은 React, Next.js, Node.js, GraphQL, PostgreSQL 작업을 위한 스크립트와 참고 자료를 제공합니다.
Resend로 React Email 템플릿 빌드하기
작성자 resend
이메일 클라이언트마다 동작이 달라 프로덕션 준비가 된 이메일 템플릿을 만드는 것은 어렵습니다. 이 스킬은 Claude, Codex, Claude Code가 React Email 컴포넌트, 전송, 스타일링, 현지화, 편집기 워크플로를 다룰 수 있도록 안내합니다.
독창적인 프론트엔드 인터페이스 설계
작성자 Atman36
일반적인 생성형 인터페이스는 예측 가능하고 완성도가 낮아 보이는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 독창적이고 프로덕션 수준의 프론트엔드 디자인을 만들도록 안내합니다.