mirror of
https://github.com/davila7/claude-code-templates.git
synced 2026-09-19 01:30:23 +08:00
daniel
41cbbea00c
- Split components.json: índice sin content (1.9 MB / 249 KB br vs 15.6 MB / 4.15 MB br).
Generador produce component-content/{type}/{slug}.json por componente y auto-copia
a dashboard/public/. Página de detalle carga contenido on-demand via fetchComponentContent().
- Restaurar cabeceras de caché y seguridad perdidas en la migración Vercel→Cloudflare:
_headers con Cache-Control max-age=86400 para JSONs, immutable para _astro/*,
y HSTS, X-Frame-Options, Referrer-Policy, Permissions-Policy en todas las rutas.
- Eliminar dashboard/vercel.json (config muerta desde migración a Cloudflare Pages).
- Diferir hidratación: ClerkIsland y AuthButton client:load → client:idle;
SaveToCollectionButton → client:visible.
- Eliminar gpt-tokenizer del bundle del navegador: reemplazado por estimación chars/4.
- Actualizar .claude/rules/dashboard.md para reflejar hosting en Cloudflare Pages.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
1 line
2.5 KiB
JSON
1 line
2.5 KiB
JSON
{"content": "---\nallowed-tools: Read, Write, Edit, Bash\nargument-hint: [testing-scope] | --components | --pages | --responsive | --cross-browser | --accessibility\ndescription: Setup comprehensive visual regression testing with cross-browser and responsive testing\n---\n\n# Setup Visual Testing\n\nSetup comprehensive visual regression testing with responsive and accessibility validation: **$ARGUMENTS**\n\n## Current Visual Testing Context\n\n- Frontend framework: !`grep -l \"react\\\\|vue\\\\|angular\" package.json 2>/dev/null || echo \"Detect framework\"`\n- UI components: !`find . -name \"components\" -o -name \"src\" | head -1 && echo \"Component structure detected\" || echo \"Analyze structure\"`\n- Existing testing: !`find . -name \"cypress\" -o -name \"playwright\" -o -name \"storybook\" | head -1 || echo \"No visual testing\"`\n- CI system: !`find . -name \".github\" -o -name \".gitlab-ci.yml\" | head -1 || echo \"No CI detected\"`\n\n## Task\n\nImplement comprehensive visual testing with regression detection and accessibility validation:\n\n**Testing Scope**: Use $ARGUMENTS to focus on component testing, page testing, responsive testing, cross-browser testing, or accessibility testing\n\n**Visual Testing Framework**:\n\n1. **Tool Selection & Setup** - Choose visual testing tools (Percy, Chromatic, BackstopJS, Playwright), configure integration, setup environments\n2. **Baseline Creation** - Capture visual baselines, organize screenshot structure, implement version control, optimize image management\n3. **Test Scenario Design** - Create component tests, design page workflows, implement responsive breakpoints, configure browser matrix\n4. **Integration Setup** - Configure CI/CD integration, setup automated execution, implement review workflows, optimize performance\n5. **Regression Detection** - Configure diff algorithms, setup threshold management, implement approval workflows, optimize accuracy\n6. **Advanced Testing** - Setup accessibility testing, configure cross-browser validation, implement responsive testing, design performance monitoring\n\n**Advanced Features**: Automated visual testing, intelligent diff analysis, accessibility compliance checking, responsive design validation, performance visual metrics.\n\n**Quality Assurance**: Test reliability, false positive reduction, maintainability optimization, execution performance.\n\n**Output**: Complete visual testing setup with baseline management, regression detection, CI integration, and comprehensive validation workflows.\n"} |