Generate React component files with project-standard naming and structure.
npx skills add https://github.com/ngareleo/xstream --skill write-component-ngareleo
Please help me install this Agent Skill. Skill: write-component Source: https://github.com/ngareleo/xstream/tree/main/.claude/skills/write-component Command: npx skills add https://github.com/ngareleo/xstream --skill write-component-ngareleo
This Skill helps developers create or update React components consistently, ensuring adherence to project conventions and best practices.
Create a React component called 'VideoPlayer' in the 'client/src/components/' directory following project standards.
High-intent search queries and answers about installing and using this skill.
To generate React components with consistent code structure, this Skill automates file creation with proper naming, required code snippets, and enforced coding standards. It establishes folder structures and applies project conventions to ensure base uniformity across your codebase.
The best way to enforce React component conventions is to apply this Skill during component creation or updates. It standardizes naming, hook placement, and styling conventions, ensuring all generated code adheres to established project conventions and best practices automatically.
Yes, this tool supports TypeScript and enforces coding standards like Relay fragments. It generates React component code that integrates these specific data fetching patterns and structural conventions directly based on your project standards.
To update existing React components to follow new project standards, this Skill assists in modifying current files to align with established conventions. It ensures consistent code structure, naming, and data fetching patterns are applied during the component update process.
Yes, you can automate folder and file setup for new React UI elements using this Skill. It automatically generates the necessary component files and folder structure properly without manual setup, reducing development time and preventing structural errors.
A limitation of automated React component generation is its reliance on existing project conventions to dictate structure and styling. It operates at an intermediate implementation depth, meaning complex or highly customized architectural patterns may require manual adjustments after the initial file setup.
joshkellett87Standardize React and TypeScript frontend development with project conventions.
CodySwannGTEnforce Container/View pattern for React components with file naming conventions.
shaitamam-80Automate React + TypeScript frontend setup with Vite, Tailwind, and Supabase patterns.
dmaynorLocate failing Claude Code hooks and diagnose root causes from hooks.json files.
