Generate React component files from design briefs and architecture documents.
npx skills add https://github.com/kaelig/react-craft --skill code-writer-kaelig
Please help me install this Agent Skill. Skill: code-writer Source: https://github.com/kaelig/react-craft/tree/main/react-craft/skills/code-writer Command: npx skills add https://github.com/kaelig/react-craft --skill code-writer-kaelig
This Skill automates the creation of production-ready React components based on design briefs and architectural specifications, ensuring adherence to project conventions.
brief.md and architecture.md, this Skill generates the necessary code files, saving significant development time and reducing boilerplate.Use the code-writer skill to generate a React component based on the provided brief and architecture documents.
High-intent search queries and answers about installing and using this skill.
Generating React components from design specs requires providing brief and architecture documents to produce production-ready TSX, CSS Modules, and index export files. This automatically enforces your project's TypeScript patterns and styling conventions like Tailwind.
Yes, you can use Tailwind and CSS Modules when generating React components. The process reads your configuration files to apply project-specific styling methods, ensuring the output matches your established architectural conventions seamlessly.
The best way to enforce TypeScript patterns across new React components is to generate them from architectural specifications. This ensures every generated TSX file adheres to your project's specific naming conventions and React ref patterns automatically.
Yes, you need architecture and brief documents to generate a React component. The generation process parses these inputs to understand the design requirements and structural rules needed to output accurate, production-ready component files.
Generating a React component from a brief includes the TSX file, the CSS Modules file, and the index export file. These files are produced together to ensure the component is immediately ready for integration into your project.
aroidoImplement React features with structured components, hooks, services, types, and utilities.
WesleySmitsGenerate React/Next.js component scaffolds with TypeScript, CSS modules, tests, and Storybook.
aniruddh2003Run static analysis tools to detect security vulnerabilities, type errors, and linting issues.
okgoogle13Generate a React component directory with TypeScript files and MUI Box.