Build and refactor React and Next.js user interfaces with test-backed verification.
npx skills add https://github.com/marcocello/dot-codex --skill coding-frontend
Please help me install this Agent Skill. Skill: coding-frontend Source: https://github.com/marcocello/dot-codex/tree/main/skills/coding-frontend Command: npx skills add https://github.com/marcocello/dot-codex --skill coding-frontend
This Skill helps build, bootstrap, and refactor repository-local React and Next.js interfaces without drifting from the existing design system or frontend conventions. It is meant for user-facing work where the UI, interaction flow, and implementation structure all need to stay consistent.
Use the coding-frontend skill to implement this repository's React or Next.js feature while preserving existing conventions and verifying the user-facing behavior with appropriate tests.
High-intent search queries and answers about installing and using this skill.
To build React and Next.js user interfaces while preserving existing conventions, scaffold or extend repository-local components by adhering to the established repository structure, design-system consistency, and observable test-backed verification of UI behavior.
Refactoring React components without breaking the design system requires reworking interface components while preserving repository patterns, layout conventions, and shared utilities to maintain strict design-system consistency across the frontend.
Yes, this frontend development approach supports both greenfield app scaffolding and existing projects by constructing and extending React and Next.js app structures tailored to the repository's established conventions.
Implementing interactive Next.js screens with test-backed UI behavior verification involves building stateful user-facing features, navigation, and browser-facing interactions while validating the observable behavior through established testing practices.
Yes, for platform-aware routing in Next.js, it prefers the repository's established frontend approach by default, but it can utilize alternative routing platforms like Sites when explicitly requested or already established in the project.
The best way to ensure UI consistency when adding user-facing features to a React repository is to enforce adherence to repository structure and design-system consistency while verifying observable UI behavior with tests.
ZeroGravitySkin-RonProvide frontend development guidelines for Next.js 16 App Router applications.
ncksolAutomate end-to-end web application testing with Playwright for UI interactions.
tunnelevenGenerate design systems and UI mockups for specified features.
resetDevelop front-end templates across Zola, Hugo, 11ty, Astro, and Eleventy sites.
