diff --git a/src/lib/pfm.ts b/src/lib/pfm.ts
index 97043e6..cc18025 100644
--- a/src/lib/pfm.ts
+++ b/src/lib/pfm.ts
@@ -26,7 +26,7 @@ export function createMarkdownRenderer(
     .use(remarkGfm)
     .use(remarkWikiLink, {
       aliasDivider: "|",
-      permalinks: binding.playbill.allComponents().map((c) => c.id),
+      permalinks: binding.playbill.allComponentIds,
       pageResolver: (permalink: string) => {
         return [toSlug(permalink)];
       },
diff --git a/src/render/html/component/species.tsx b/src/render/html/component/species.tsx
index 95a3f97..6c11831 100644
--- a/src/render/html/component/species.tsx
+++ b/src/render/html/component/species.tsx
@@ -19,12 +19,13 @@ export function SpeciesSection({ species, playbill }: SpeciesSectionProps) {
     <div className="species-abilities">
       <h3>Innate Abilities</h3>
       {species.abilities.map((abilityId) => {
-        return (
-          <AbilityCard
-            ability={playbill.abilities[abilityId]}
-            key={abilityId}
-          />
-        );
+        const ability = playbill.getAbility(abilityId);
+
+        if (ability === null) {
+          throw new Error(`Ability not found: ${abilityId}`);
+        }
+
+        return <AbilityCard ability={ability} key={abilityId} />;
       })}
     </div>
   ) : (