Create React components with TypeScript and CSS Modules.
npx skills add https://github.com/paulotks/CodeLeapTest --skill react-component-paulotks
Please help me install this Agent Skill. Skill: react-component Source: https://github.com/paulotks/CodeLeapTest/tree/main/.agent/skills/react-component Command: npx skills add https://github.com/paulotks/CodeLeapTest --skill react-component-paulotks
This Skill streamlines the creation, review, and implementation of React UI components within the CodeLeap project, ensuring consistency and adherence to established patterns.
UserProfileCard component to the application, this Skill will guide you through creating the .tsx file, its corresponding .module.css for styling, and defining the necessary UserProfileCardProps.Create a new React component named Button following the project's established patterns.
High-intent search queries and answers about installing and using this skill.
To create a React component, you generate a functional TypeScript component file alongside its corresponding `.module.css` stylesheet for styling. This approach enforces explicit prop typing through interfaces and adheres to established project patterns.
The best way to define props for React UI components is by using explicit TypeScript interfaces. This enforces strict prop typing and ensures your functional components receive correctly typed data.
You separate complex logic when building React components by extracting it into custom hooks. This organization keeps your functional components focused on UI rendering and easier to manage.
Yes, you can use design system variables with CSS Modules in React. Styling is applied by referencing these established variables directly within your `.module.css` files to maintain visual consistency.
You should not use CSS Modules for React component styling if your project relies on global CSS overrides, utility-first frameworks, or runtime CSS-in-JS solutions instead of scoped `.module.css` files. The pattern enforces strict modular boundaries.
kmshihab7878Bundle React and TypeScript projects into a single self-contained HTML file.
PrasadTelasulaTest React components with React Testing Library and Playwright for frontend correctness.
ImaginerLabsExtract reusable React components and custom Hooks with TypeScript prop typings.
billydeeii136Generate UI components using shadcn/ui and Tailwind CSS utility classes.