什么是 nextjs-frontend-guidelines？
YGS (영영사) React 19/TypeScript 应用程序的 Next.js 15 前端开发指南。现代模式包括应用程序路由器、服务器/客户端组件、shadcn/ui 组件、Tailwind CSS 4、多方法身份验证 (Firebase/Kakao/JWT)、管理仪表板模式和韩语本地化。在创建组件、页面、API 路由、获取数据、样式或使用前端代码时使用。 来源：chacha95/advanced-harness。
·nextjs-frontend-guidelines
</>
nextjs-frontend-guidelines
✓YGS (영영사) React 19/TypeScript 应用程序的 Next.js 15 前端开发指南。现代模式包括应用程序路由器、服务器/客户端组件、shadcn/ui 组件、Tailwind CSS 4、多方法身份验证 (Firebase/Kakao/JWT)、管理仪表板模式和韩语本地化。在创建组件、页面、API 路由、获取数据、样式或使用前端代码时使用。
如何安装 nextjs-frontend-guidelines
通过命令行快速安装 nextjs-frontend-guidelines AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelines
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：chacha95/advanced-harness。
SKILL.md
查看原文Comprehensive guide for YGS (영영사) frontend development with Next.js 15, React 19, emphasizing App Router patterns, Server/Client component separation, shadcn/ui components, Tailwind CSS 4 styling, multi-method authentication, and Korean localization.
| @/ | Project imports (primary) | import { api } from '@/lib/api' | | Relative | Same directory | import { Component } from './Component' | | type | Type-only imports | import type { User } from '@/types' |
| Create a component | component-patterns.md | | Fetch data | data-fetching.md | | Organize files/folders | file-organization.md | | Style components | styling-guide.md | | Set up routing | routing-guide.md | | Handle loading/errors | loading-and-error-states.md | | Optimize performance | performance.md | | TypeScript types | typescript-standards.md |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelines- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-25
- 更新时间
- 2026-03-10
快速解答
如何安装 nextjs-frontend-guidelines？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelines 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/chacha95/advanced-harness
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-25