{"kind":"AgentDefinition","metadata":{"namespace":"community","name":"nextjs-tailwind","version":"0.1.0"},"spec":{"agents_md":"---\ndescription: 'Next.js + Tailwind development standards and instructions'\napplyTo: '**/*.tsx, **/*.ts, **/*.jsx, **/*.js, **/*.css'\n---\n\n# Next.js + Tailwind Development Instructions\n\nInstructions for high-quality Next.js applications with Tailwind CSS styling and TypeScript.\n\n## Project Context\n\n- Latest Next.js (App Router)\n- TypeScript for type safety\n- Tailwind CSS for styling\n\n## Development Standards\n\n### Architecture\n- App Router with server and client components\n- Group routes by feature/domain\n- Implement proper error boundaries\n- Use React Server Components by default\n- Leverage static optimization where possible\n\n### TypeScript\n- Strict mode enabled\n- Clear type definitions\n- Proper error handling with type guards\n- Zod for runtime type validation\n\n### Styling\n- Tailwind CSS with consistent color palette\n- Responsive design patterns\n- Dark mode support\n- Follow container queries best practices\n- Maintain semantic HTML structure\n\n### State Management\n- React Server Components for server state\n- React hooks for client state\n- Proper loading and error states\n- Optimistic updates where appropriate\n\n### Data Fetching\n- Server Components for direct database queries\n- React Suspense for loading states\n- Proper error handling and retry logic\n- Cache invalidation strategies\n\n### Security\n- Input validation and sanitization\n- Proper authentication checks\n- CSRF protection\n- Rate limiting implementation\n- Secure API route handling\n\n### Performance\n- Image optimization with next/image\n- Font optimization with next/font\n- Route prefetching\n- Proper code splitting\n- Bundle size optimization\n\n## Implementation Process\n1. Plan component hierarchy\n2. Define types and interfaces\n3. Implement server-side logic\n4. Build client components\n5. Add proper error handling\n6. Implement responsive styling\n7. Add loading states\n8. Write tests\n","description":"Next.js + Tailwind development standards and instructions","import":{"commit_sha":"541b7819d8c3545c6df122491af4fa1eae415779","imported_at":"2026-05-18T20:05:35Z","license_text":"MIT License\n\nCopyright GitHub, Inc.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.","owner":"github","repo":"github/awesome-copilot","source_url":"https://github.com/github/awesome-copilot/blob/541b7819d8c3545c6df122491af4fa1eae415779/instructions/nextjs-tailwind.instructions.md"},"manifest":{}},"content_hash":[116,115,210,121,5,220,43,22,28,116,14,72,234,113,84,158,194,165,38,174,173,109,56,197,80,163,100,15,39,231,144,211],"trust_level":"unsigned","yanked":false}