Content Preview
# Dashboard Data Loading Template
Tests loading state, skeleton screens, and data display after fetch.
## Prerequisites
- Authenticated session via `{{authStorageStatePath}}`
- Dashboard at `{{baseUrl}}/dashboard`
---
## TypeScript
```typescript
import { test, expect } from '@playwright/test';
test.describe('Dashboard Data Loading', () => {
test.use({ storageState: '{{authStorageStatePath}}' });
// Happy path: skeleton shown then replaced by data
test('shows skeleton during load, thHow to Use
Recommended: Install to project (local)
mkdir -p .claude/skills
curl -o .claude/skills/data-loading.md \
https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/playwright-pro/templates/dashboard/data-loading.mdSkill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.
Alternative: Clone full repo
git clone https://github.com/alirezarezvani/claude-skillsThen reference at engineering-team/playwright-pro/templates/dashboard/data-loading.md
Related Skills
cs-engineering-lead
Engineering Team Lead agent for coordinating QA, security, data engineering, ML, and frontend/backend teams. Orchestrates engineering-team skills for team-level technical decisions. Spawn when users need team coordination, tech stack evaluation, incident response, or cross-functional engineering work.
agentsengineeringleadagent
by alirezarezvani · alirezarezvani-claude-skills
data
Data engineering for Apache Airflow and Astronomer. Author DAGs with best practices, debug pipeline failures, trace data lineage, profile tables, migrate Airflow 2 to 3, and manage local and cloud deployments.
pluginpluginmarketplacedata
by Anthropic · anthropic-official-plugins
feature_engineering_patterns
World-class feature engineering patterns for senior data scientist.
engineering-teamfeatureengineeringpatterns
by alirezarezvani · alirezarezvani-claude-skills
data-engineering
Data engineering patterns for ETL pipelines, data warehousing, Apache Spark, and data quality validation
data-engineeringdataengineering
by rohitg00 · awesome-claude-toolkit