Automate frontend development guidance for Next.js, React, and TypeScript projects.
npx skills add https://github.com/msanssouci/opencode --skill frontend-dev-msanssouci
Please help me install this Agent Skill. Skill: frontend-dev Source: https://github.com/msanssouci/opencode/tree/main/skills/frontend-dev Command: npx skills add https://github.com/msanssouci/opencode --skill frontend-dev-msanssouci
This Skill provides a structured blueprint and guidance for building robust Next.js/React/TypeScript frontends, aligning with BEADS workflows and OpenCode conventions.
Instantiate a frontend development task by following the provided workflow templates and implement components, tests, and pages according to the example structure.
High-intent search queries and answers about installing and using this skill.
Next.js server components fetch data and render HTML on the server to reduce client bundle size, while client components handle interactivity. Use server components by default and only switch to client components when state or browser APIs are required.
Test Next.js applications by implementing Jest unit tests for component logic and Playwright E2E tests for critical user flows. This dual-layer testing strategy validates both isolated functions and end-to-end browser interactions.
Yes, this frontend development workflow requires TypeScript strict mode. Enforcing strict typing ensures type safety across your Next.js and React codebase, preventing common runtime errors and aligning with OpenCode conventions.
Apply accessibility standards in React by integrating checks into your component lifecycle and testing phases. The workflow provides specific guidelines for ensuring UI compliance alongside Jest and Playwright test implementations.
Yes, you can use Tailwind CSS for styling within this Next.js workflow. Tailwind is the required styling approach, ensuring consistent utility-first design across all implemented React components and pages.
The BEADS workflow is a structured lifecycle process for frontend development spanning from task assignment to review. It provides a blueprint for building robust Next.js and React applications according to OpenCode conventions.
shazilk-devGenerate a Next.js 16 frontend scaffold with App Router, TypeScript, and Tailwind CSS.
hffmnnjAutomate unit, integration, and E2E tests in JavaScript/TypeScript projects.
diegolirioConfigure a unified CI/CD pipeline for Kotlin Spring Boot and Next.js monorepos.
workleapConfigure FireflyRuntime and AppRouter for modular React host applications.
