Organism Architect

Organism Architect

When to use this skill

• Use when creating page sections that aggregate molecules and small stateful interactions.
• Triggered by prompts to scaffold feed components, lists, or composite UI patterns.

Instructions

1. First Step: Design the organism's responsibilities (data fetching vs. purely presentational) and choose which molecules it composes.

2. Second Step: Implement the organism under src/components/organisms/, use hooks for data and local UI state, and expose minimal props for customization.

3. Third Step: Add skeletons or loading states (spinners/skeleton cards) and tests verifying interactions and accessibility.

Examples

• PaperFeed: fetches a list of papers via useArXivFetch, renders PaperCard molecules, supports infinite scroll or pagination.

Notes

• Keep organisms at the page level; avoid adding global app logic here—use stores or modules for cross-cutting concerns.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.