building-tables
✓간단한 HTML 테이블부터 복잡한 엔터프라이즈 데이터 그리드까지 표 형식의 정보를 표시하기 위한 테이블과 데이터 그리드를 구축합니다. 테이블 생성, 정렬/필터링/페이지 매김 구현, 대규모 데이터 세트(1천만~1백만 개 이상의 행) 처리, 스프레드시트와 같은 인터페이스 구축 또는 데이터 집약적인 구성 요소 설계 시 사용합니다. 성능 최적화 전략, 접근성 패턴(WCAG/ARIA), 반응형 디자인 및 라이브러리 권장 사항(TanStack Table, AG Grid)을 제공합니다.
SKILL.md
This skill enables systematic creation of tables and data grids from simple HTML tables to enterprise-scale virtualized grids handling millions of rows. It provides clear decision frameworks based on data volume and required features, ensuring optimal performance, accessibility, and responsive design across all implementations.
For detailed selection criteria, reference references/selection-framework.md.
For optimization strategies, reference references/performance-optimization.md.
간단한 HTML 테이블부터 복잡한 엔터프라이즈 데이터 그리드까지 표 형식의 정보를 표시하기 위한 테이블과 데이터 그리드를 구축합니다. 테이블 생성, 정렬/필터링/페이지 매김 구현, 대규모 데이터 세트(1천만~1백만 개 이상의 행) 처리, 스프레드시트와 같은 인터페이스 구축 또는 데이터 집약적인 구성 요소 설계 시 사용합니다. 성능 최적화 전략, 접근성 패턴(WCAG/ARIA), 반응형 디자인 및 라이브러리 권장 사항(TanStack Table, AG Grid)을 제공합니다. 출처: ancoleman/ai-design-components.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/ancoleman/ai-design-components --skill building-tables- 카테고리
- #문서
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
building-tables이란?
간단한 HTML 테이블부터 복잡한 엔터프라이즈 데이터 그리드까지 표 형식의 정보를 표시하기 위한 테이블과 데이터 그리드를 구축합니다. 테이블 생성, 정렬/필터링/페이지 매김 구현, 대규모 데이터 세트(1천만~1백만 개 이상의 행) 처리, 스프레드시트와 같은 인터페이스 구축 또는 데이터 집약적인 구성 요소 설계 시 사용합니다. 성능 최적화 전략, 접근성 패턴(WCAG/ARIA), 반응형 디자인 및 라이브러리 권장 사항(TanStack Table, AG Grid)을 제공합니다. 출처: ancoleman/ai-design-components.
building-tables 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ancoleman/ai-design-components --skill building-tables 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/ancoleman/ai-design-components
상세
- 카테고리
- #문서
- 출처
- skills.sh
- 최초 등록
- 2026-02-01