Develop React 19 and TypeScript frontends with OpenAPI-generated API clients.
npx skills add https://github.com/MassimilianoPili/agent-framework --skill fe
Please help me install this Agent Skill. Skill: fe Source: https://github.com/MassimilianoPili/agent-framework/tree/main/.claude/agents/fe Command: npx skills add https://github.com/MassimilianoPili/agent-framework --skill fe
This Skill addresses the need for building robust, accessible, and responsive user interfaces using React 19 and TypeScript, ensuring a high-quality frontend development experience.
Use the fe skill to create a new React component for displaying user data based on the provided API contract.
High-intent search queries and answers about installing and using this skill.
Generate type-safe TypeScript API clients from OpenAPI specifications using contract-first development before implementing React 19 UI components. This approach ensures your frontend interfaces match backend definitions exactly, preventing runtime type mismatches and streamlining data fetching across your application.
Build accessible and responsive React 19 user interfaces by adhering to modern web standards and accessibility guidelines during component development. This approach ensures your UI components render correctly across all devices while maintaining compliance with established web accessibility requirements.
Yes, this frontend development approach works without external dependencies. It focuses on developing UI components, typed API clients, and accessible interfaces natively using React 19 and TypeScript, ensuring a high-quality frontend development experience without requiring additional UI library installations.
Implement a responsive user profile page with form editing by developing React 19 components with TypeScript, ensuring the interface is fully accessible across all devices. This process uses contract-first development to generate typed API clients before building the UI components.
Contract-first development generates TypeScript API clients from OpenAPI specifications before UI implementation, ensuring robust and type-safe data integration. This methodology prevents frontend-backend data structure mismatches and accelerates the development of accessible React 19 user interfaces.
jon23dGenerate type-safe API clients from OpenAPI specifications using openapi-typescript and openapi-fetch.
SnakeORefactor React 19 TypeScript components by extracting custom hooks and memoizing.
mklozBuild React UI components with Tailwind CSS and state management.
stefandevoDevelop and refine React and Vue user interfaces with component-based architecture.
