Web & Frontend

diegosouzapw Bundle

C4 Component Level: [Component Name] workflow skill. Use this skill when the user needs Expert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture, defining component boundaries, interfaces, and relationships and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Game Audio Principles workflow skill. Use this skill when the user needs practical game-audio guidance for sound design, music integration, adaptive systems, spatial audio, performance, and accessibility while preserving upstream provenance and workflow intent.

diegosouzapw Bundle

Azure Developer CLI (azd) Container Apps Deployment workflow skill. Use this skill when the user needs Deploy containerized frontend + backend applications to Azure Container Apps with remote builds, managed identity, and idempotent infrastructure and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

AWT \u2014 AI-Powered E2E Testing (Beta) workflow skill. Use this skill when the user needs AI-powered E2E web testing \u2014 eyes and hands for AI coding tools. Declarative YAML scenarios, Playwright execution, visual matching (OpenCV + OCR), platform auto-detection (Flutter/React/Vue), learning DB. Install: npx skills add ksgisang/awt-skill --skill awt -g and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Bevy ECS Expert workflow skill. Use this skill when the user needs Master Bevy's Entity Component System (ECS) in Rust, covering Systems, Queries, Resources, and parallel scheduling and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Core Web Vitals optimization workflow skill. Use this skill when the user needs Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts". Focuses specifically on the three Core Web Vitals metrics. Do NOT use for general web performance (use perf-web-optimization), Lighthouse audits (use perf-lighthouse), or Astro-specific optimization (use perf-astro) and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Lighthouse Audits workflow skill. Use this skill when the user needs Run Lighthouse audits locally via CLI or Node API, parse and interpret reports, and set performance budgets. Use when measuring site performance, understanding Lighthouse scores, setting up budgets, or integrating audits into CI. Triggers on: lighthouse, run lighthouse, lighthouse score, performance audit, performance budget. Do NOT use for fixing specific performance issues (use perf-web-optimization or core-web-vitals) or Astro-specific optimization (use perf-astro) and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

3D Web Experience workflow skill. Use this skill when the user needs Expert in building 3D experiences for the web - Three.js, React and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Angular Migration workflow skill. Use this skill when the user needs Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

vamseeachanta Bundle

Build self-contained interactive web applications as single HTML files. Use for creating demos, prototypes, interactive tools, and standalone web experiences that work without external servers.

vamseeachanta Bundle

Guides the creation of engineering calculation documents through a 6-phase workflow covering problem definition, input gathering, method selection, computation, validation, and reporting. Produces structured YAML calculation files that the calculation-report skill renders to HTML/PDF.

vamseeachanta Skill

Generate visualizations from OrcaFlex and OrcaWave simulations using the shared OrcFxAPI — model views (SaveModelView), time series plots, range graphs, and interactive HTML reports. Covers both .dat/.sim (OrcaFlex) and .owd (OrcaWave) files via the same API surface.

vamseeachanta Skill

Post-process OrcaFlex simulation results using OPP (OrcaFlex Post-Process). Use for extracting summary statistics, linked statistics, range graphs, time series, histograms, and generating interactive HTML reports from .sim files.

vamseeachanta Skill

Sub-skill of frontend-design: Philosophy.

vamseeachanta Skill

PowerPoint presentation toolkit for creating new presentations, editing existing ones, and using templates. Supports HTML-to-PPTX conversion, slide manipulation, and professional design. Use when building presentations, slide decks, or visual reports.

vamseeachanta Bundle

Build interactive data applications and dashboards with pure Python - no frontend experience required

vamseeachanta Bundle

Visual + structural verification of HTML benchmark/validation reports using the Claude-in-Chrome extension. Opens the report in a browser, takes screenshots, checks key DOM elements, and produces a PASS/FAIL verdict. Generic by default; module-specific check lists extend the base set.

vamseeachanta Skill

Audit and fix skill accessibility across all 4 agents (Hermes, Claude Code, Codex CLI, Gemini CLI). Identifies gaps in symlink wiring, external_dirs, and per-repo routing.

vamseeachanta Skill

SPARC Architecture phase specialist for system design, component architecture, interface design, scalability planning, and technology selection

diegosouzapw Bundle

Angular UI Patterns workflow skill. Use this skill when the user needs Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

context7-auto-research workflow skill. Use this skill when the user needs Automatically fetch latest library/framework documentation for Claude Code via Context7 API. Use when you need up-to-date documentation for libraries and frameworks or asking about React, Next.js, Prisma, or any other popular library and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

frontend-security-coder workflow skill. Use this skill when the user needs Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Modular Monolith Specialist workflow skill. Use this skill when the user needs Specialist in designing and implementing scalable modular monolith architectures using NestJS with DDD, Clean Architecture, and CQRS patterns. Use when building modular monolith backends, designing bounded contexts, creating domain modules, implementing event-driven module communication, or when user mentions "modular monolith", "bounded contexts", "module boundaries", "DDD", "CQRS", "clean architecture NestJS", or "monolith to microservices". Do NOT use for simple CRUD APIs, frontend work, or general NestJS questions without architectural context and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Vercel React Best Practices workflow skill. Use this skill when the user needs a practical performance optimization workflow for React and Next.js applications, especially when reviewing rendering strategy, caching behavior, bundle pressure, asset loading, or production measurement, and the operator should preserve provenance and use the packaged runbook, guardrails, and inspection script before merging or handing off.

diegosouzapw Bundle

Vercel React Best Practices workflow skill. Use this skill when the user needs Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages, implementing data fetching (client or server-side), or reviewing code for performance issues and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Vercel React Best Practices workflow skill. Use this skill when the user needs Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages, implementing data fetching (client or server-side), or reviewing code for performance issues and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Angular State Management workflow skill. Use this skill when the user needs Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Antigravity UI & Motion Design Expert workflow skill. Use this skill when the user needs Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Backend Development Patterns workflow skill. Use this skill when the user needs Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Coding Standards & Best Practices workflow skill. Use this skill when the user needs Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

fixing-motion-performance workflow skill. Use this skill when the user needs Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Frontend Development Patterns workflow skill. Use this skill when the user needs Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Frontend Development Guidelines workflow skill. Use this skill when the user needs You are a senior frontend engineer operating under strict architectural and performance standards. Use when creating components or pages, adding new features, or fetching or mutating data and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

React Composition Patterns workflow skill. Use this skill when the user needs React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes. Do NOT use for React/Next.js performance optimization (use react-best-practices instead) and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

Angular State Management workflow skill. Use this skill when the user needs Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw Bundle

React Component Performance workflow skill. Use this skill when the user needs diagnose slow React components and suggest targeted performance fixes, and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.