Web & Frontend

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

Create or update standardized object-oriented component documentation from source code or existing Markdown docs using create-mode and update-mode guidance. Use when the user asks to document a class, component, folder, public API, architecture relationships, design patterns, or refresh existing OO component documentation.

paulasilvatech Skill

Write and review JavaScript and TypeScript Jest tests with strong structure, mocks, async handling, snapshots, and React Testing Library patterns. Use this skill when the user asks to add Jest tests, improve test structure, mock APIs or databases, test async code, update snapshots, or test React components.

paulasilvatech Bundle

Create or review focused frontend tests for components, hooks, composables, stores, validation, state machines, callbacks, and Storybook interactions using the repository's existing runner. Use this skill when isolated UI behavior and semantics need executable evidence.

paulasilvatech Bundle

Design and verify chat, copilot, assistant, streaming, citations, tool activity, attachments, multimodal input, conversation history, retry, stop, and accessible live-update behavior. Use this skill when frontend work includes conversational or generated-content interfaces.

paulasilvatech Bundle

Design and verify forms, validation, search, filters, settings, uploads, checkout, onboarding, destructive actions, and multi-step data-entry workflows with preserved input and recoverable async behavior. Use this skill when frontend work collects, validates, or submits user data.

paulasilvatech Skill

Explore a website with Playwright MCP, identify 3-5 core user flows, capture locators and expected outcomes, close the browser context, and propose test cases. Use this skill when the user asks to explore a site for testing, map UI functionality, discover test scenarios, or produce Playwright-ready interaction notes.

paulasilvatech Bundle

Explore and verify frontend journeys with Playwright, representative states and viewports, screenshots, visual regression, console and network evidence, stable fixtures, and reproducible defects. Use this skill when material browser UI behavior or rendered quality needs runtime proof.

paulasilvatech Bundle

Validate frontend behavior across REST, OpenAPI, GraphQL, WebSocket, SSE, AsyncAPI, authentication, uploads, mocks, contracts, ephemeral services, and backend failures. Use this skill when frontend work consumes remote data, services, schemas, generated clients, or realtime events.

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

Validate story-to-acceptance-to-scenario-to-evidence traceability, defect severity, required environments, and frontend release readiness, then issue Ready, Ready with follow-ups, or Blocked. Use this skill when final QA evidence or a release verdict is requested.

paulasilvatech Skill

Scaffold a Power Apps Code Apps preview project with Vite, React, TypeScript, PAC CLI, Power Apps SDK, PowerProvider, connector services, Fluent UI, package scripts, README, and deployment guidance. Use when asked to create, initialize, or configure a code-first Power Apps Code App project, add supported connectors, or prepare pac code push 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

Choose and implement Backstage framework extension points, core backend services, frontend blueprints, service refs, modules, lifecycle, auth, permissions, schedulers, tracing, metrics, and generated API references. Use when designing plugin architecture or selecting supported framework APIs.

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 Skill

Migrate Backstage app or plugin UI from Material-UI to Backstage UI with version-checked component mappings, CSS setup, accessibility, analytics, styling, and visual validation. Use when replacing @material-ui imports, MUI icons, makeStyles, or adopting BUI.

tryboy869 Bundle

[Applies to: **/*.{svelte,js,ts}] Definitive guide for writing clean, performant, and maintainable Svelte 5 applications using the runes API and modern TypeScript practices.

tryboy869 Bundle

[Applies to: **/*.{ts,html}] Provides definitive guidelines for modern Angular development (2025), focusing on best practices for code structure, component architecture, state management with signals, performance, and type safety.

tryboy869 Bundle

[Applies to: **/*.{js,jsx,ts,tsx}] This guide defines definitive best practices for Next.js applications, focusing on the `app` directory, Server Components, performance, and maintainability. Follow these rules to build robust, scalable, and performant Next.js projects.

tryboy869 Bundle

[Applies to: **/*.{js,jsx}] This guide provides definitive, opinionated best practices for writing high-performance, maintainable SolidJS applications, focusing on reactivity, component architecture, and common pitfalls.

tryboy869 Bundle

[Applies to: **/*.{js,jsx}] Definitive guidelines for using Zustand in React projects, focusing on type safety, modularity, performance, and maintainability with practical code examples.

tryboy869 Bundle

[Applies to: **/*.{css,html,jsx,tsx,vue}] Provides definitive best practices for using Tailwind CSS, focusing on maintainability, performance, and scalability in modern web development.

tryboy869 Bundle

[Applies to: **/*] This guide provides opinionated, actionable best practices for using Chakra UI effectively, focusing on token-first theming, responsive design, component architecture, and performance for React 18+ applications.

tryboy869 Bundle

[Applies to: **/*.{js,jsx,ts,tsx,svelte}] Definitive guidelines for building scalable, performant, and maintainable SvelteKit applications using modern best practices, TypeScript, and Svelte 5 runes.

tryboy869 Bundle

[Applies to: **/*.{js,jsx}] This guide provides opinionated, actionable best practices for developing high-performance, maintainable, and secure applications using Turbopack as the default bundler in Next.js 16+.

tryboy869 Bundle

[Applies to: **/*] Definitive guidelines for building consistent, performant, and maintainable UIs with Ant Design v6.x, focusing on design tokens, layout, and component usage.

tryboy869 Bundle

[Applies to: **/*.{js,jsx,ts,tsx}] This guide provides opinionated, actionable best practices for building scalable and performant React applications using MobX, focusing on modern patterns and React Compiler compatibility.

tryboy869 Bundle

[Applies to: **/*] This guide provides definitive rules for integrating and utilizing Font Awesome 7 icons, focusing on accessibility, performance, and maintainability through Kit-based setup and modern best practices.

tryboy869 Bundle

[Applies to: **/*] Provides definitive guidelines for building scalable, performant, and maintainable React applications using Material-UI (MUI), focusing on modern best practices.

tryboy869 Bundle

[Applies to: **/*.{js,jsx,ts,tsx}] Definitive guidelines for using TanStack Query (formerly React Query) to manage server state efficiently, ensure type safety, and optimize performance in React applications.

tryboy869 Bundle

[Applies to: **/*.{js,jsx}] Definitive guidelines for building robust, performant, and maintainable React-Redux applications using modern Redux Toolkit practices.

tryboy869 Bundle

[Applies to: **/*.{js,jsx,ts,tsx}] Definitive guidelines for building robust, performant, and maintainable React Native applications using modern TypeScript, functional components, and a feature-first architecture.

tryboy869 Bundle

[Applies to: **/*.{js,jsx}] This guide defines the definitive best practices for using Apollo Client 3.x in our React applications, focusing on cache hygiene, type safety, performance, and maintainability.

tryboy869 Bundle

[Applies to: src/**/*.*] General rules and principles for developing with Astro framework.