building-tables

75 / 100 · Review before installing

Check before installing.

By ancoleman/ai-design-components (GitHub) · design · 530 stars · scanned at commit 76551b7

Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids. Use when creating tables, implementing sorting/filtering/pagination, handling large datasets (10-1M+ rows), building spreadsheet-like interfaces, or designing data-heavy components. Provides performance optimization strategies, accessibility patterns (WCAG/ARIA), responsive designs, and library recommendations (TanStack Table, AG Grid).

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 7 places.

skills/building-tables/SKILL.md, line 83python scripts/generate_mock_data.py --rows 10000
skills/building-tables/SKILL.md, line 139node scripts/validate_accessibility.js
skills/building-tables/SKILL.md, line 165npm install @tanstack/react-table

Show 4 more

skills/building-tables/SKILL.md, line 178npm install ag-grid-react
skills/building-tables/SKILL.md, line 213python scripts/generate_mock_data.py --rows 100000 --columns 20
skills/building-tables/SKILL.md, line 218node scripts/analyze_performance.js --rows 10000
skills/building-tables/SKILL.md, line 223node scripts/validate_accessibility.js

Connects to the internet

The author does not mention this.

Found in 13 places.

skills/building-tables/examples/server-side-sorting.tsx, line 38const response = await fetch(`/api/users?${params}`);
skills/building-tables/references/editing-patterns.md, line 121fetch(`/api/users/${id}`, {
skills/building-tables/references/pagination-strategies.md, line 308const response = await fetch(`${endpoint}?${params}`);

Show 10 more

skills/building-tables/references/pagination-strategies.md, line 518const response = await fetch(`/api/data?page=${page}&limit=50`);
skills/building-tables/references/pagination-strategies.md, line 583const response = await fetch(
skills/building-tables/references/performance-optimization.md, line 214const response = await fetch('/api/stream-data');
skills/building-tables/references/performance-optimization.md, line 372const promise = fetch(`/api/data?${new URLSearchParams(params)}`)
skills/building-tables/references/performance-optimization.md, line 394fetch('/api/data', {
skills/building-tables/references/selection-framework.md, line 131const data = await fetch('/api/data').then(r => r.json());
skills/building-tables/references/selection-framework.md, line 147const response = await fetch('/api/data?' + new URLSearchParams({
skills/building-tables/references/selection-framework.md, line 182const response = await fetch('/api/stream');
skills/building-tables/references/sorting-filtering.md, line 587const response = await fetch(`/api/data?${queryParams}`);
skills/building-tables/scripts/export_table_data.py, line 67response = requests.get(url)

Downloads and installs other software

The author does not mention this.

Found in 1 place.

skills/building-tables/scripts/export_table_data.py, line 54print("Install: pip install pandas openpyxl")

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'building-tables' ] || [ -L ~/.agents/skills/'building-tables' ]; then echo 'A skill folder named building-tables already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/ancoleman/ai-design-components' "$d" && git -C "$d" checkout --quiet '76551b7b19ebc667764ec75da14990d0aef8b6e5' -- 'skills/building-tables' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/building-tables' ~/.agents/skills/'building-tables' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'building-tables' ~/.claude/skills/'building-tables' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for ancoleman/ai-design-components shows the score of its lowest-scoring skill.

SkillTrust badge for ancoleman/ai-design-components

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/ancoleman/ai-design-components.svg)](https://zalavijaysinh.github.io/skilltrust/repos/ancoleman/ai-design-components/)

Score history

Date	Version	Score
2026-11-08	`76551b7`	100
2026-11-07	`76551b7`	75