code-instructor
80앱을 만들며 코드 가르치기
예제가 실제 프로젝트와 동떨어져 있으면 코드 학습은 추상적으로 느껴질 수 있습니다. 이 스킬은 작동하는 애플리케이션을 단계별로 만들면서 개념을 가르칩니다.
모듈식 Next.js Config 파일 작성
여러 설정이 한곳에 모이면 Next.js config 폴더를 유지 관리하기 어려워질 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 작은 모듈식 파일을 만들도록 안내합니다.
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "writing-config-files" from https://skillstore.io/skills/emz1998-writing-config-files.md and its manifest at https://skillstore.io/api/skills/emz1998-writing-config-files/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
"writing-config-files" 사용 중입니다. Create feature flag configuration for a Next.js app.
예상 결과:
src/config에 배치된 짧은 feature flag config 파일로, 하나의 내보낸 값과 명확한 이름을 포함합니다.
"writing-config-files" 사용 중입니다. Split analytics and navigation settings into separate config files.
예상 결과:
"writing-config-files" 사용 중입니다. Refactor a large config module into smaller files.
예상 결과:
각 config 함수 또는 변수를 자체 src/config 파일로 분리하는 제안된 파일 분할안입니다.
The two static findings are false positives caused by Markdown inline code backticks around src/config. SKILL.md contains prompt guidance only, with no command execution, network access, or prompt injection evidence.
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
https://skillstore.io/skills/emz1998-writing-config-files/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-writing-config-files?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-writing-config-files?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-writing-config-files/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-writing-config-files.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-config-files security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-writing-config-files/audits/4@techreport{emz1998-emz1998-writing-config-files-2026,
author = {Emz1998},
title = {writing-config-files security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/emz1998-writing-config-files/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-config-files 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-config-files/audits/4"
identifiers:
- type: other
value: "skillstore:emz1998-writing-config-files:audit:4"
description: "Skillstore immutable audit report identifier"
하나의 큰 모듈을 공유하면 안 되는 설정을 위해 별도의 config 파일을 만듭니다.
AI 어시스턴트에게 config 파일 크기, 위치, 구조에 대한 명확한 규칙을 제공합니다.
광범위한 config 모듈을 파일당 하나의 내보낸 개념이 있는 더 작은 파일로 분할합니다.
Create a small Next.js config file under src/config for feature flags. Keep it modular and under 50 lines.
Create config files for analytics and navigation settings. Put each function or variable in its own src/config file.
Review this large config module and suggest how to split it into src/config files with one export per file.
Plan a src/config structure for a growing Next.js app. Separate concerns, keep files short, and explain each file purpose.
작성자
Emz1998라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
a06681402992ceae98ba04d54cfd4ab004862696
유지보수 최신성
2026. 7. 21.
사용량
6 다운로드 · 142 조회
파일 구조
📄 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은 완료된 계획과 구현을 다음 단계로 넘어가기 전에 리뷰 에이전트로 라우팅합니다.
시니어 가이드와 함께 풀스택 앱 빌드
작성자 alirezarezvani
풀스택 프로젝트에는 일관된 설정, 아키텍처 선택, 품질 검사가 필요한 경우가 많습니다. 이 스킬은 React, Next.js, Node.js, GraphQL, PostgreSQL 작업을 위한 스크립트와 참고 자료를 제공합니다.
React View Transitions 구현
작성자 vercel-labs
React view transitions는 배치 위치를 잘못 잡기 쉬워, 조용히 발생하거나 시끄러운 애니메이션을 유발할 수 있습니다. 이 스킬은 라우트, Suspense, 목록, 공유 요소 애니메이션 선택을 안내합니다.
프로덕션에 바로 적용할 수 있는 프런트엔드 기능 구축
작성자 davila7
프런트엔드 팀은 여러 프로젝트에서 일관된 React 및 Next.js 지침이 필요합니다. 이 스킬은 프런트엔드 분석을 위한 참조 워크플로, 품질 관리 사례, 보조 스크립트를 제공합니다.
Next.js App Router 아키텍처 계획
작성자 89jobrien
Next.js 팀은 라우트, 컴포넌트, 데이터 로딩, 마이그레이션 단계를 선택하는 데 어려움을 겪을 수 있습니다. 이 스킬은 App Router, Server Components, 성능을 위한 체계적인 아키텍처 지침을 제공합니다.
Next.js 성능 최적화
작성자 Atman36
Next.js 애플리케이션은 큰 번들, 약한 캐싱, 최적화되지 않은 미디어로 인해 느려질 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 프로덕션 앱을 대상으로 집중적인 성능 개선을 진행하도록 안내합니다.
React 및 Next.js 성능 최적화
작성자 vercel-labs
React 및 Next.js 앱은 워터폴, 큰 번들, 피할 수 있는 재렌더링으로 인해 속도가 저하되는 경우가 많습니다. 이 스킬은 에이전트에게 성능 중심 변경을 더 안전하게 수행하기 위한 구체적인 규칙을 제공합니다.