Build React 19 frontend pages with TypeScript, Zustand, and shadcn/ui.
npx skills add https://github.com/hackutd/harp --skill frontend-hackutd
Please help me install this Agent Skill. Skill: frontend Source: https://github.com/hackutd/harp/tree/main/.claude/skills/frontend Command: npx skills add https://github.com/hackutd/harp --skill frontend-hackutd
This Skill prevents inconsistent frontend implementations by providing a clear, project-specific approach for building React features that match HARP's architecture, conventions, and quality standards.
Use the frontend skill to build a new HARP admin page with its types, API module, Zustand store, components, route, authentication guard, and sidebar navigation.
High-intent search queries and answers about installing and using this skill.
Build consistent React pages by creating TypeScript types, API modules, Zustand stores, and reusable components with correct directory structure, authentication guards, and lazy-loaded routes. This enforces shared API client usage and lint-compatible naming conventions across hacker, admin, and super admin features.
Structure React routes using lazy-loaded components wrapped in Suspense with integrated authentication guards. This ensures correct access control for hacker, admin, and super admin pages while enforcing import boundaries and shared project conventions.
Validate forms in React by integrating React Hook Form with Zod schemas to enforce data integrity. This approach aligns with shadcn/ui patterns and project-wide TypeScript conventions for responsive, production-ready frontend workflows.
Use shadcn/ui with Tailwind CSS to build admin dashboards featuring reusable components and responsive styling. This enforces consistent UI patterns across hacker-facing and super admin pages while maintaining lint-compatible project conventions.
React API calls need AbortController cleanup to prevent memory leaks and state updates on unmounted components. Enforcing this cleanup within shared API client modules ensures stable, production-ready data fetching across all application features.
neozenithIntegrate Google ADK with Vite, React, TypeScript, Tailwind CSS, and Shadcn UI.
twlinesScaffold full-stack features across server, shared types, and client layers.
dpieterszDesign RESTful API endpoints, controllers, and middleware for scalable web services.
ArroganceGBuild React and TypeScript HTML artifacts bundled into a single file.
