Codify React and TypeScript frontend patterns for components, state, and data fetching.
npx skills add https://github.com/DVNghiem/FlowDeck --skill frontend-pattern
Please help me install this Agent Skill. Skill: frontend-pattern Source: https://github.com/DVNghiem/FlowDeck/tree/main/src/skills/frontend-pattern Command: npx skills add https://github.com/DVNghiem/FlowDeck --skill frontend-pattern
Helps teams implement maintainable frontend architectures using React and TypeScript by providing reusable patterns for components, state management, and data fetching.
Implement a new UI module using the compound component pattern, apply a container/presentational split, and incorporate URL-based state for navigational controls.
High-intent search queries and answers about installing and using this skill.
Structure scalable React components using TypeScript by applying compound component and container/presentational split patterns. These frontend patterns separate state logic from presentational UI, ensuring reusable components with clean separation of concerns.
The best way to manage navigational state is using URL-based state patterns. This approach persists and reflects navigational controls directly in the URL, creating bookmarkable and shareable experiences without duplicating state logic.
Implement data fetching in React using stale-while-revalidate patterns combined with optimistic updates. This frontend pattern improves user experience and resilience by immediately reflecting expected data changes before server confirmation.
Use CSS custom properties for theming when you need consistent design tokens across your frontend application. This pattern leverages CSS variables to maintain unified styling and easily adjustable visual themes.
Follow animation guidelines that recommend performant practices and explicitly define allowed CSS properties. This ensures smooth UI transitions without causing layout thrashing or degrading rendering performance.
No specific state management libraries are required. The skill codifies architectural patterns like compound components and URL-based state directly within React and TypeScript, avoiding heavy external dependencies.
Mischio95Set up shadcn/ui components and forms with React Hook Form and Zod.
Jicate-SolutionsAutomate child app integration with the MyJKKN parent app API.
mauricioPacheco894Build scalable Tailwind CSS v4 design systems with CSS-first configuration and design tokens.
mizchiClassify frontend state management patterns and detect anti-patterns without modifying code.
