Menú
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.
npx skills add https://github.com/mag123c/andsys-app --skill frontendEl comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.
¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.
Basado en la clasificación ocupacional SOC
Mostrando SKILL.md
| name | frontend |
| description | 프론트엔드 개발 스킬. RSC 보안, 서버/클라이언트 분리, SEO. 프론트엔드 작업 시 사용. |
Server Action에서 전체 객체 반환 금지
return userreturn { id: user.id, displayName: user.displayName }Closure에서 민감 데이터 캡처 금지
인라인 Server Action 지양
src/actions/ 폴더에 별도 파일로 분리src/actions/
├── project.ts # "use server" 상단 선언
├── chapter.ts
└── auth.ts
| 서버 컴포넌트 | 클라이언트 컴포넌트 |
|---|---|
| 데이터 페칭 | useState, useEffect |
| 환경변수/DB 접근 | 이벤트 핸들러 |
| SEO 콘텐츠 | 브라우저 API |
| 무거운 의존성 | 인터랙티브 UI |
export const metadataexport async function generateMetadata<main>, <article>, <nav>, <aside> 활용| 파일 | 용도 |
|---|---|
| error.tsx | 라우트 에러 바운더리 |
| not-found.tsx | 404 페이지 |
| loading.tsx | Suspense fallback |
Next.js 공식 문서: https://nextjs.org/docs