create-component

分类: 数据库与数据存储 | 上传者: jackby03 | 下载: 0 | 版本: v1.0（最新）

按照项目约定创建一个 React 组件。当要求构建 UI 组件、小部件、卡片、表单或页面部分时使用。

更新日志: Source: GitHub https://github.com/jackby03/agentic-collaboration-standard

目录结构

当前层级: tree/main/examples/basic-dev-project/.agents/skills/create-component/

📁 references/
- 📄 design-system.md 436 B
📄 SKILL.md 749 B

SKILL.md

---
name: create-component
description: Create a React component following project conventions. Use when asked to build a UI component, widget, card, form, or page section.
---

## Steps

1. Read `context/project.md` for naming and export conventions
2. Create file in `/components` with PascalCase filename
3. Use named export (not default)
4. Add TypeScript props interface
5. Add Tailwind classes for styling
6. Create a basic test in `/tests/components`

## Template

```tsx
interface Props {
  // define props here
}

export function ComponentName({ ...props }: Props) {
  return (
    <div>
      {/* implementation */}
    </div>
  );
}
```

See [references/design-system.md](references/design-system.md) for available tokens and components.

登录后下载/点赞/收藏 ❤ 27 | ★ 0

create-component

目录结构

SKILL.md

举报内容

提示