Generate React component files with CSS Modules and prop interfaces.
npx skills add https://github.com/sethihq/guide --skill component-sethihq
Please help me install this Agent Skill. Skill: component Source: https://github.com/sethihq/guide/tree/main/public/kit/skills/component Command: npx skills add https://github.com/sethihq/guide --skill component-sethihq
This Skill streamlines the creation of reusable React components, ensuring adherence to established design system standards and conventions.
index.tsx, <name>.module.css) for a new component.Create a new React component named 'UserProfileCard'.
High-intent search queries and answers about installing and using this skill.
The standard file structure for reusable React UI elements requires an index.tsx file paired with a component-specific CSS Module file. This structure enforces default server components and explicit prop interface definitions to maintain UI consistency.
Yes, you can use this to create React server components by default. The Skill enforces Darkroom design conventions, ensuring every generated UI element is set up as a default server component with defined prop interfaces and CSS Module imports.
The best way to enforce prop interface definitions when building React widgets is through automated scaffolding. This Skill standardizes the process by generating the boilerplate with required prop interfaces and CSS Module imports for every new UI element.
Your React component boilerplate needs CSS Module imports to adhere to established design system standards. This Skill enforces CSS Module usage during component generation to ensure styling consistency and maintainability across reusable UI elements.
RyoOsakaGenerate a scaffolded React component with CSS module and tests.
archview-aiFix Flutter layout constraints when embedding WebF in scrollable parents.
TW-NLPCreate interactive HTML artifacts from React projects with Tailwind CSS and shadcn/ui.
darkroomengineeringGenerate Darkroom-compliant React components with TypeScript and CSS Modules.