1.2 KiB
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 |
|
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
-
First Step: Design the organism's responsibilities (data fetching vs. purely presentational) and choose which molecules it composes.
-
Second Step: Implement the organism under
src/components/organisms/, use hooks for data and local UI state, and expose minimal props for customization. -
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, rendersPaperCardmolecules, 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.