Our review
Adds a new property to the AI agents database by modifying multiple configuration files.
Strengths
- Clear and systematic step-by-step workflow
- Ensures consistency across all affected files
- Includes updates to GitHub issue templates
Limitations
- Requires manual edits in several files
- May break if file structures change
- No automated validation of added data
When adding a new data field to an agent comparison table.
When the property is temporary or only needed for a single agent.
Security analysis
SafeThe skill involves editing static files (JSON, JSX, Markdown) in a controlled manner with no execution of arbitrary commands, data exfiltration, or destructive actions. It is purely a content management workflow.
No concerns found
Examples
Add a new property called 'contextWindow' with label 'Context Window' and tooltip 'The maximum number of tokens the agent can handle in a single request.' Use cell type 'text' and group 'features'.I want to add a boolean property 'hasAPI' to track which agents have public APIs. Set label to 'Has API', tooltip 'Does the agent provide a public API?', cell type 'badge', group 'packaging'.Create a new column 'pricing' with cell type 'text' and group 'identity'. Label 'Pricing', tooltip 'Cost per month in USD.'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) ortext(free-form) - Group:
identity,packaging, orfeatures
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
Next.js App Router Expert
Development
A skill that turns Claude into a Next.js App Router expert.
README Generator
Development
Creates professional and comprehensive README.md files for your projects.
API Documentation Writer
Development
Generates comprehensive API documentation in OpenAPI/Swagger format.