Single source of truth for implementing a frontend feature in the React + Vite + i18n codebase. Classify complexity (Simple/Standard/Complex) and flow (A — form only, B — list only, C — full CRUD, D — detail/read view), gather requirements (max 2 Q&A rounds, then proceed with labeled assumptions), apply design-system standards, build forms with React Hook Form + Zod + i18n, and build lists/detail pages on the established repository pattern. Default validation = i18n. Default create/edit delivery = modal dialog. Run a pre-merge review with a severity-tagged checklist.
This listing is imported from SkillsMP metadata and should be treated as untrusted until upstream source review is completed.
Install skill "fe-implement-feature" with this command: npx skills add manhweird20112000/skillsmp-manhweird20112000-manhweird20112000-fe-implement-feature
This source entry does not include full markdown content beyond metadata.
This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.
Related by shared tags or category signals.
Describes the React + TypeScript template layout (app shell, feature modules, shared UI, infra). Use when placing new files, refactoring folders, onboarding, or when the user asks where code should live, project structure, or folder organization.
Build type-safe validated forms in React using React Hook Form and Zod. Single schema can validate on client and server with TypeScript inference via z.infer. Use when building forms with validation, integrating project Field/Input patterns, multi-step wizards, useFieldArray, fixing uncontrolled/controlled warnings, resolver errors, or async validation.
Detailed history, economy, and cultural insights of Budapest, Hungary, highlighting its thermal baths, tech innovation, and role in Eastern European developm...
Agent guide for operating Sequenzy. Use when Codex needs to authenticate, inspect identity, manage subscribers, create or edit campaigns/sequences/templates,...