Web & Frontend

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.

paulasilvatech Bundle

Convert Markdown files to HTML similar to `marked.js`, `pandoc`, `gomarkdown/markdown`, or similar tools; or writing custom script to convert markdown to html and/or working on web template systems like `jekyll/jekyll`, `gohugoio/hugo`, or similar web templating systems that utilize markdown documents, converting them to html. Use when asked to "convert markdown to html", "transform md to html", "render markdown", "generate html from markdown", or when working with .md files and/or web a templating system that converts markdown to HTML output. Supports CLI and Node.js workflows with GFM, CommonMark, and standard Markdown flavors.

paulasilvatech Bundle

Publish presentations and web content to GitHub Pages by converting PPTX, PDF, HTML, or Google Slides into a deployable site, creating or updating a repository, enabling Pages, and returning the live URL. Use when the user asks to publish slides, deploy HTML, share a presentation, convert a deck to GitHub Pages, or create a public Pages link.

paulasilvatech Bundle

Create a personal daily focus board in a browser canvas from a self-contained HTML template. Use when the user wants to plan their day, get organized, stay focused, kick off a work session, track task progress, add counters for pages/pomodoros/reps, use Focus mode, or save an end-of-day recap with localStorage persistence.

paulasilvatech Bundle

Run the AgentRC AI-readiness assessment for the current repository, optionally apply a policy, and produce a self-contained HTML dashboard at reports/index.html. Use when asked to assess, audit, score, or report how AI-ready a repo is.

paulasilvatech Bundle

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, Next.js, and Vue 2 applications. Use when adding streaming Markdown to AI chat or document interfaces, repairing Markstream styles or SSR, or choosing static, smooth-streaming, or externally parsed AST input.

paulasilvatech Bundle

Migrate React string refs, ref="name" assignments, and this.refs.name access to React.createRef(), callback refs, or child ref forwarding. Use this skill when migrating React 18.3.1 warnings or React 19 removals involving single refs, multiple refs, list refs, callback refs, or refs passed to child components.

paulasilvatech Bundle

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mocking Pinia with createTestingPinia; applying Vue Test Utils patterns; and enforcing black-box assertions over implementation details.

paulasilvatech Bundle

Inspect local or remote website design, identify layout, responsive, accessibility, and visual consistency defects, and make source-level fixes. Use when users ask to "review website design", "check the UI", "fix the layout", "find design problems", or validate a web page after changes.

paulasilvatech Bundle

Rewrite Enzyme tests for React 18 into React Testing Library behavior tests. Use when a test imports enzyme, uses shallow, mount, wrapper.find(), wrapper.simulate(), wrapper.prop(), wrapper.state(), wrapper.instance(), Enzyme configure/Adapter, or needs React 18-compatible RTL migration patterns.

paulasilvatech Skill

Provide before-and-after migration patterns for React 19 test compatibility, including act() imports, react-dom/test-utils removal, Simulate to fireEvent conversion, StrictMode call count changes, async act warnings, and custom render helper checks. Use when updating React test files for React 19.

paulasilvatech Bundle

Define and verify WCAG 2.2 AA, semantic, keyboard, focus, zoom, contrast, motion, media, data visualization, form, SPA, and native accessibility behavior. Use this skill when frontend design, implementation, review, testing, or release evidence involves accessibility.

paulasilvatech Bundle

Inspect, preview, install, update, and uninstall optional frontend instructions, VS Code prompts, and a named Playwright MCP workspace entry with ownership hashes and conflict protection. Use this skill when a consuming repository wants frontend-experience workspace companions.

paulasilvatech Bundle

Select risk-based frontend test layers, environments, fixtures, acceptance coverage, and release evidence without mandating every layer. Use this skill when planning QA scope, Definition of Done, regression coverage, test data, or frontend release criteria.

paulasilvatech Bundle

Capture public HTTP(S) webpages as local PNG, JPEG, or PDF artifacts through Latchshot. Use when the user needs screenshots, website thumbnails, full-page captures, PDFs, QA reports, archives, or social previews. Do not use for private or authenticated pages, raw HTML extraction, scraping, CAPTCHA bypass, arbitrary browser actions, or local-file capture.

paulasilvatech Bundle

Generates breadboard circuit mockups and visual electronics diagrams with HTML5 Canvas conventions for retro computers, 6502 builds, 555 timer circuits, EEPROM/RAM/VIA wiring, 7400-series logic, LEDs, resistors, capacitors, switches, and wires. Use this skill when asked to create circuit layouts, visualize component placement, draw breadboard diagrams, mock up vintage electronics, or design Ben Eater-style projects.

paulasilvatech Skill

Add a new locale to a Next.js application that uses next-intl, including message JSON, routing, middleware, and the language toggle UI. Use this skill when the user asks to add a language, locale, translation file, next-intl routing entry, or language selector option.

paulasilvatech Bundle

Migrate React legacy context API usage from contextTypes, childContextTypes, and getChildContext to modern createContext. Use this skill when touching legacy context in class or function components because provider and every consumer must be updated together to avoid React 18 warnings and React 19 runtime failures.

paulasilvatech Bundle

Apply React 19 source-file migration patterns for root APIs, hydration, unmounting, findDOMNode, forwardRef, defaultProps, useRef initial values, legacy context, string refs, propTypes comments, and unused React imports. Use this skill when fixing React 19 source migration issues.

paulasilvatech Bundle

Plan, architect, scaffold, validate, and prepare custom Backstage plugins and modules using official Backstage documentation. Use when the user asks for new, legacy, or dual frontend plugins, backend plugins, backend modules, catalog processors, entity providers, scaffolder actions, search collators, auth providers, permission policies, TechDocs addons, common packages, node packages, plugin ADRs, architecture, validation, or community publication preparation.

paulasilvatech Bundle

Provide verified grep command libraries for React 18.3.1 and React 19 migration audits, including deprecated APIs, removed APIs, unsafe lifecycle methods, batching risks, tests, dependencies, and peer conflicts. Use this skill when writing or running React migration audit scan commands.

paulasilvatech Bundle

Diagnose and fix React 18 automatic batching regressions in class components. Use when multiple setState calls occur after await, inside setTimeout, Promise .then() or .catch(), native addEventListener callbacks, or when tests fail because they assert intermediate state after a React 18 upgrade.

paulasilvatech Bundle

Check React 18.3.1 and React 19 dependency compatibility before npm installs, peer-dependency resolutions, or upgrade plans. Use when reviewing a React upgrade matrix, resolving npm peer conflicts, choosing minimum compatible package versions, deciding on --legacy-peer-deps, or separating a react-router v5 to v6 migration.

paulasilvatech Skill

Prepare a structured HTML day-prep file for tomorrow or a requested date by pulling Outlook calendar details through WorkIQ, classifying meetings, detecting conflicts and day-fit issues, cross-referencing workspace tasks, finding learning and deep-work slots, and producing productivity recommendations. Use this skill when the user says "prepare me for tomorrow", "prep me for Friday", asks what a date looks like, or requests weekly planning.

paulasilvatech Bundle

Build web-based game engines and games with HTML5 Canvas, WebGL, SVG, CSS, and JavaScript. Use when creating 2D or 3D games, implementing game loops, physics, collision detection, sprites, tilemaps, controls, audio, multiplayer with WebRTC or WebSockets, optimization, or publishing workflows.

paulasilvatech Bundle

Use Microsoft Store Developer CLI (msstore) to configure Partner Center credentials, list Store apps, package and publish Windows submissions, check status, manage package flights, gradual rollouts, and CI/CD publishing for Windows App SDK/WinUI, UWP, .NET MAUI, Flutter, Electron, React Native, and PWA apps. Use when asked to configure Store credentials, publish to Microsoft Store, check submission status, or automate Store releases.

paulasilvatech Skill

This skill should be used when the user asks to "test this website", "run exploratory testing", "check for accessibility issues", "verify the login flow works", "find bugs on this page", or requests automated QA testing. Triggers on web application testing scenarios including smoke tests, accessibility audits, e-commerce flows, and user flow validation using ScoutQA CLI. Use this skill proactively after implementing web application features to verify they work correctly.

paulasilvatech Skill

Embed before/after screenshots and annotated images in pull request descriptions so reviewers can inspect visible changes quickly. Use this skill when a PR changes layout, styling, CSS, charts, dashboards, data visualizations, UI components, forms, modals, error messages, CLI output, or log formatting.

paulasilvatech Bundle

Toolkit for interacting with and testing local web applications using Playwright. Use when verifying frontend functionality, debugging rendered UI behavior, capturing screenshots, inspecting browser logs, or automating a local web workflow.

paulasilvatech Skill

Design, implement, review, and package Power Apps Component Framework code components for model-driven apps, canvas apps, and Power Pages. Use when the user asks about PCF manifests, lifecycle APIs, dataset or field controls, React platform libraries, PAC CLI tooling, ALM, performance, accessibility, security, testing, or deployment.

paulasilvatech Bundle

Specify and verify hierarchy, layout, content, navigation, and interaction adaptations across viewports, containers, orientation, input methods, foldables, mobile browsers, tablets, desktop windows, and native surfaces. Use this skill when responsive or cross-device frontend work is requested.

paulasilvatech Bundle

Plan and verify mobile and desktop frontend behavior across React Native, Expo, Flutter, SwiftUI, Compose, Electron, Tauri, simulators, emulators, devices, lifecycle, gestures, windows, shortcuts, IPC, offline, and native accessibility. Use this skill when a non-browser surface requires runtime evidence.

paulasilvatech Skill

Generate a comprehensive Project_Architecture_Blueprint.md by analyzing a codebase, detecting technology stacks and architectural patterns, documenting components, dependencies, diagrams, implementation patterns, testing, deployment, and governance. Use when asked to create an architecture blueprint, document project architecture, map layers, produce C4/UML/component diagrams, or guide new development consistency.

paulasilvatech Bundle

Design and review dashboards, KPI surfaces, operational consoles, tables, chart selection, analytical interaction, and accessible data visualization from real questions and data properties. Use this skill when frontend work involves metrics, charts, monitoring, reporting, or data storytelling.

paulasilvatech Bundle

Instrument Backstage frontend plugins with meaningful Analytics API events and tests while avoiding duplicate BUI navigation events or UI noise. Use when adding or reviewing captureEvent, AnalyticsContext, event taxonomy, noTrack overrides, or analytics behavior.

paulasilvatech Skill

Apply Salesforce UI component standards for Lightning Web Components, Aura, Visualforce, SLDS 2, WCAG 2.1 AA, secure Apex access, component communication, XSS, CSRF, FLS/CRUD, view state, and Jest tests. Use when building or reviewing Salesforce LWC, Aura components, Visualforce pages, or Apex controllers used by UI components.