Add Agent Property

VerifiedSafe

Add a new property to the AI agents database by modifying four files (JSON, React components, hooks). Handles schema updates, table display, and GitHub issue templates.

Sby Skills Guide Bot
DevelopmentIntermediate
306/2/2026
Claude Code
#agent-database#property-management#schema-update#workflow

Recommended for

Our review

Adds a new property to the agent database by modifying multiple project files.

Strengths

  • Step-by-step guide to prevent omissions
  • Covers data, display, and template updates
  • Integrates with existing workflow and checklist
  • References a central schema for consistency

Limitations

  • Requires a specific project structure (React, JSON files)
  • Does not handle validation of input values
When to use it

When you need to extend the agent comparison grid with a new field.

When not to use it

If the project does not use the same architecture or if the change affects only a single agent.

Security analysis

Safe
Quality score90/100

The skill only guides text edits to source code and configuration files for a development project. It does not execute any commands, access networks, or bypass safety measures.

No concerns found

Examples

Add contextWindow property
Add a new property called 'contextWindow' to track the context window size for each agent. Use 'Context Window' as the label, display type 'text', and place it in the 'features' group.
Add badge property for multimodality
Create a new badge property 'multimodal' under 'features' group to indicate if an agent supports multimodal inputs (yes/no/partial).

name: add-agent-property description: Add a new property to the AI agents database. Use when the user wants to add, create, or introduce a new column, property, field, or feature to track across all agents in the comparison matrix. Handles all four required steps - database updates, groups.json, table display, and GitHub issue templates.

Add Agent Property

Add a new property to the agents board by modifying four files in sequence.

Schema reference: See references/schema.md for data structures.

Workflow

1. Gather Property Details

Ask the user for:

  • Property key (camelCase, e.g., contextWindow)
  • Display label (short, e.g., "Context Window")
  • Tooltip description (1 sentence explaining the property)
  • Cell type: badge (yes/no/partial) or text (free-form)
  • Group: identity, packaging, or features

2. Update agents-detailed.json

Add the property to every agent in src/data/agents-detailed.json:

"propertyKey": {
  "value": null,
  "detail": null
}

Insert after the last feature property, before additionalInfo.

3. Update groups.json

Add the property key to the appropriate group's columns array in src/data/groups.json:

{
  "id": "features",
  "label": "Features",
  "columns": ["existingProp", "propertyKey"]
}

4. Update AgentTable.jsx

Add column definition to the columns array in src/components/AgentTable.jsx:

{ key: 'propertyKey', label: 'Label', sortable: true, cellType: 'badge', tooltip: 'Description' }

Insert at the position matching its group order.

5. Update useAgentsData.js

Add transformation in src/hooks/useAgentsData.js:

propertyKey: agent.propertyKey.value,
propertyKeyDetail: agent.propertyKey.detail,

6. Update FilterBar.jsx (for filterable properties)

If the property is in packaging or features group and has cellType: 'badge', add it to the featureOptions array in src/components/FilterBar.jsx:

{ key: 'propertyKey', label: 'Label' }

Insert in the appropriate section (Packaging or Features) following the existing order.

7. Update GitHub Issue Templates

01-update-agent.md - Add under Features section:

- [ ] **Property Label** (`propertyKey`)
  - New value: <!-- yes/no/partial/null -->
  - Detail:

02-add-new-agent.md - Add new section with property definition, value format, and examples.

Checklist

  • [ ] Property added to all agents in agents-detailed.json
  • [ ] Property key added to correct group in groups.json
  • [ ] Column definition added to AgentTable.jsx
  • [ ] Transformation added to useAgentsData.js
  • [ ] Filter option added to FilterBar.jsx (if badge in packaging/features)
  • [ ] Update template modified in .github/ISSUE_TEMPLATE/01-update-agent.md
  • [ ] New agent template modified in .github/ISSUE_TEMPLATE/02-add-new-agent.md
Related skills