This skill should be used when the user asks to 'build a Next.js app', 'create a dashboard', 'design a landing page', 'build a SaaS frontend', 'create React components', 'style my app', 'design system', 'UI components', or needs distinctive frontend design. Covers App Router, React Server Components, type-safe APIs, Server Actions, and modern styling.
Install
npx skills add peterstorm/.dotfiles --skill nextjs-frontend-designnpx skills add peterstorm/.dotfiles --skill nextjs-frontend-design -a claude-code -gnpx skills add peterstorm/.dotfiles --skill nextjs-frontend-design -a codex -ggemini skills install https://github.com/peterstorm/.dotfiles.git --path .claude/skills/nextjs-frontend-designgh skill install peterstorm/.dotfiles nextjs-frontend-designgit clone --depth 1 https://github.com/peterstorm/.dotfiles /tmp/peterstorm__.dotfiles
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/peterstorm__.dotfiles/.claude/skills/nextjs-frontend-design ~/.claude/skills/nextjs-frontend-design # Claude Code
cp -R /tmp/peterstorm__.dotfiles/.claude/skills/nextjs-frontend-design ~/.agents/skills/nextjs-frontend-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode