react-container-presentation-component
Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow this repository's TypeScript, Storybook, and SCSS conventions. Use when the user explicitly asks for a Container/Presentation-based component or runs /react-container-presentation-component.
Profile →npx skills add github/awesome-copilot --skill react-container-presentation-component --agent copilot
Same command for any agent — swap --agent for claude-code, codex, cursor.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Container/Presentation Component Use this skill to create a React component under `src/components` that follows the Container/Presentation pattern. Refer to this skill's bundled references for detailed rules. - `references/component-architecture.md` - `references/typescript-and-scss-rules.md` If the `/react-container-presentation-component` input is incomplete, ask questions first before creating files. ## When To Use - When the user runs `/react-container-presentation-component` - When the user explicitly asks for a React component that follows the Container/Presentation pattern - When the user wants help deciding or implementing `ui` vs `features` classification within the Container/Presentation pattern ## Required Questions If any of the following information is missing, ask the user using `ask_user`. 1. Component name 2. Type (`ui` or `features`) 3. Whether to replace existing components (only when creating `ui`) Question requirements: - Provide the type as options (`ui`, `features`) - Require the component name to be in PascalCase - For `ui`, ask whether direct usage of Mantine or other UI libraries in existing `features` should be replaced with the new component ## Procedur
- When To Use
- Required Questions
- Procedure
- Output Contract
What does the react-container-presentation-component skill do?
Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow this repository's TypeScript, Storybook, and SCSS conventions. Use when the user explicitly asks for a Container/Presentation-based component or runs /react-container-presentation-component.
How do I install it?
Run `npx skills add github/awesome-copilot --skill react-container-presentation-component --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From github/awesome-copilot, a repository with 37,432 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.