
from skills_collection24
Practical patterns to dramatically reduce frontend bundle size: icon manifests, named imports, dynamic imports, and CI size checks.
This skill documents concrete techniques to reduce frontend bundle size and keep builds within a performance budget. It covers a proven icon-manifest approach to avoid wildcard icon imports, tree-shaking strategies (named imports), dynamic imports for heavy components, route/code splitting, size-limit enforcement, and CI integration for automated checks. The guide includes code snippets, build hooks, and a recommended optimization workflow.
Use this skill when auditing or reducing a web app's client-side bundle size — for instance before production deploys, when adding a large dependency, or when investigating unexpectedly large chunks in bundle analysis. It also serves as a checklist for CI gating and pre-merge reviews.
Front-end focused agents or developer tools that can inspect code and suggest changes (Claude Code, Copilot-style tools, local CI automation).
A well-written frontend bundle optimization skill documenting how one project achieved 90% bundle reduction. Covers icon manifests, tree-shaking, dynamic imports, bundle analysis, and size-limit CI checks. No bundled scripts — purely instructional. Comprehensive code examples with good/bad patterns, though closing code blocks have a minor formatting quirk (typescript tag). Practical for Next.js developers but not unique.
Monolithic SKILL.md with no scripts/, references/, or separation of concerns. Frontmatter is minimal (name + description only, no triggers/metadata). Content quality is good — clear examples with before/after patterns — but architecture follows none of the AgentSkill conventions. The dangerouslySetInnerHTML usage pattern is worth flagging as a security consideration even though the skill itself isn't malicious.
API Versioning
Guidance and templates for designing API versioning strategies, managing breaking changes, and running deprecation/migration workflows.
Supabase Expert
Comprehensive Supabase expert with access to 2,616 official documentation files covering PostgreSQL database, authentication, real-time subscriptions, storag...
Jest + TypeScript
Industry-standard Jest testing setup for TypeScript projects with guidance for React Testing Library, ts-jest, snapshots, and coverage configuration.
Celery
Distributed task queue system for Python enabling asynchronous execution of background jobs, scheduled tasks, and workflows across multiple workers with Djan...
Test Orchestrator
Coordinate test strategy, automation, and quality gates across unit, integration, E2E and performance tests for a component or service.
Cloudflare D1 Migrations & Production Seeding
Manage Cloudflare D1 schema, create append-only migrations with Wrangler, and safely seed data across dev, staging, and production environments.
MoAI Claude Foundation Kit
Comprehensive authoring kit for Claude Code skills, including sub-agent templates, custom slash commands, and orchestration patterns.
Plugin Architecture Design Expert
Expertise in designing extensible plugin architectures using Registry patterns, dynamic loading, and Dependency Injection.
AEM Documentation Search
Efficiently search aem.live documentation and blog posts using a specialized script to find relevant features and technical guidance.
Software Quality Consultancy Practices
Framework for delivering effective software quality consultancy, from initial discovery to knowledge transfer and ROI measurement.