# create-component

> Create a new React component following project conventions

- Author: Michinobu Nishimoto
- Repository: Nismit/portfolio
- Version: 20260127224335
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/Nismit/portfolio
- Web: https://mule.run/skillshub/@@Nismit/portfolio~create-component:20260127224335

---

---
name: create-component
description: Create a new React component following project conventions
---

# Create Component: $ARGUMENTS

## Structure

```
src/components/[ComponentName]/
├── index.tsx        # Main component
├── styles.ts        # Tailwind styles (optional)
└── [ComponentName].test.tsx  # Tests
```

## Template

```tsx
// src/components/[ComponentName]/index.tsx
type Props = {
  // Define props here
};

export const ComponentName = ({ ...props }: Props) => {
  return (
    <div className="...">
      {/* Component content */}
    </div>
  );
};
```

## Checklist

1. Create component file with proper TypeScript types
2. Use Tailwind CSS for styling
3. Add test file with basic render test
4. Export from component index