Skip to main content

Example Skill: React Atom

A simple skill might define:

Goal:
Create an Atomic Design Atom.

Requirements:
- Single responsibility
- TypeScript
- Functional component
- Interface file
- Storybook story
- Vitest test
- No business logic

Whenever an AI is asked to create an Atom:

The skill guarantees consistency.

Mini Exercise​

Extend this Atom skill with two more requirements that would help your own project.

Example​

You might add:

  • must receive all text through props
  • must not fetch data or manage business state