Web Development

**Quick judgment** This skill is a strong, production-oriented assistant for modern web development. It’s particularly useful for HTML/CSS/JS work, React/Next.js-style frameworks, and deployment/performance/SEO best practices. The presence of concise "Critical Rules", a framework decision tree, and targeted references (html-css.md, javascript.md, frameworks.md, deploy.md, performance.md) suggests high practical value for day-to-day frontend work. **Key strengths** - Focuses on real-world, high-impact pitfalls (DOCTYPE, viewport meta, CSS specificity, async/await in loops, CORS, mixed content, CLS, env var exposure). - Explicit guidance for common requests: responsiveness, production deployments, CORS issues, performance tuning, and SEO. - Helps choose frameworks rationally (Astro vs Next.js vs Remix vs SPA) based on content type, interactivity, and SEO needs. - Encourages modern performance and SEO practices (Lighthouse LCP/CLS/FID, lazy loading, semantic HTML, OG tags, sitemap.xml). **Risks / limitations** - Appears frontend- and deployment-focused; deeper backend, database, and complex infra/security guidance may be limited. - Opinionated around a specific set of frameworks (Astro, Next.js, Remix, Vite); coverage for other ecosystems (e.g., SvelteKit, Angular, non-JS stacks) may be weaker. - Truncated docs mean some edge cases (advanced caching, complex CI/CD, advanced accessibility patterns, bleeding-edge browser features) might not be fully handled. **Recommended scenarios** - You’re building or debugging a modern web app/site using HTML/CSS/JS and a React/Next.js/Remix/Astro stack. - You need to quickly resolve layout issues, responsiveness problems, or async/await and CORS-related bugs. - You’re preparing a site for production and want practical guidance on deployment, HTTPS/mixed content, environment variables, and preventing layout shift. - You want concrete steps to improve performance, SEO, and accessibility using Lighthouse and semantic best practices.