best practices for structuring a next.js project, including file organization, component structure. use when restructring part of the project or the user is asking to add/modify a feature that requires dependencies such as using a third party tool, look at the tech stack section to make sure the new dependencies are compatible with the existing tech stack and follow the best practices for next.js development. also if the user is adding pages or components, follow the file structure and styling structure outlined in this skill and the nextjs-css-globals skill. or if the user is asking to fix bugs in existing code, make sure to follow the best practices outlined in this skill and the nextjs-css-globals skill when making changes to the code. also make sure to keep the file structure and styling structure consistent with the rest of the project when making changes.
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategoryEngineeringStars0
About this skill
best practices for structuring a next.js project, including file organization, component structure. use when restructring part of the project or the user is asking to add/modify a feature that requires dependencies such as using a third party tool, look at the tech stack section to make sure the new dependencies are compatible with the existing tech stack and follow the best practices for next.js development. also if the user is adding pages or components, follow the file structure and styling structure outlined in this skill and the nextjs-css-globals skill. or if the user is asking to fix bugs in existing code, make sure to follow the best practices outlined in this skill and the nextjs-css-globals skill when making changes to the code. also make sure to keep the file structure and styling structure consistent with the rest of the project when making changes.
Quick start
Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
best practices for structuring a next.js project, including file organization, component structure. use when restructring part of the project or the user is asking to add/modify a feature that requires dependencies such as using a third party tool, look at the tech stack section to make sure the new dependencies are compatible with the existing tech stack and follow the best practices for next.js development. also if the user is adding pages or components, follow the file structure and styling structure outlined in this skill and the nextjs-css-globals skill. or if the user is asking to fix bugs in existing code, make sure to follow the best practices outlined in this skill and the nextjs-css-globals skill when making changes to the code. also make sure to keep the file structure and styling structure consistent with the rest of the project when making changes.
About this listing
Category
Engineering
Reported license
Not specified
Listing language (estimated)
English
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLI