Files
endorsment/.github/skills/organism-architect/SKILL.md

1.2 KiB

name, description, license, triggers
name description license triggers
organism-architect Builds Organisms like PaperFeed or UserProfileCard by wiring Molecules, handling layout and local UI logic. MIT
create PaperFeed
assemble organism
build UserProfileCard

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.