# Organism Architect

> Builds Organisms like PaperFeed or UserProfileCard by wiring Molecules, handling layout and local UI logic.

- Skill: `tomevault-io/organism-architect` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/organism-architect`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/organism-architect/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/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](https://tomevault.io/claim/cargdev) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-15 -->

