Web & Frontend

ferroxlabs Bundle

Orchestrates the process of designing, building, testing, and documenting a REST API from specification through production-ready documentation, chaining five software-development skills into a structured backend workflow. Use when the user needs to build a REST API from scratch with design-first methodology, database integration, test coverage, and documentation. Do NOT use for GraphQL APIs, internal scripts, frontend-only projects, or API gateway configuration without a custom backend.

ferroxlabs Bundle

Guides expert-level html semantics implementation: html-css and web-development decision frameworks, production-ready patterns, and concrete templates for html semantics workflows. Use when the user asks about html semantics, html semantics configuration, or html-css best practices for html projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

ferroxlabs Bundle

Guides expert-level css architecture implementation: html-css and web-development decision frameworks, production-ready patterns, and concrete templates for css architecture workflows. Use when the user asks about css architecture, css architecture configuration, or html-css best practices for css projects. Do NOT use when the user needs a different web development capability -- check sibling skills in the web development subcategory.

ferroxlabs Bundle

Next.js architecture expertise covering App Router patterns, server vs client components, data fetching with server actions, middleware, route handlers, ISR, streaming SSR, image optimization, parallel routes, and intercepting routes. Use when the user asks about nextjs architect, nextjs architect best practices, or needs guidance on nextjs architect implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Expert Android/Kotlin development covering Jetpack Compose, MVVM architecture, Room database, Retrofit/OkHttp, Coroutines/Flow, WorkManager, Navigation component, Hilt dependency injection, ProGuard, and Play Store guidelines. Use when the user asks about android developer, android developer best practices, or needs guidance on android developer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

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 elite-frontend-ux: Phase 0 — Context Analysis (Answer Before Writing Any Code).

vamseeachanta Skill

Sub-skill of orcawave-aqwa-benchmark: Single-Page HTML Report Structure (+3).

vamseeachanta Skill

Sub-skill of diffraction-analysis: Required Report Structure (Single-Page HTML) (+3).

ferroxlabs Bundle

Conducts a heuristic UX evaluation using Nielsen's 10 usability heuristics, identifies violations with severity ratings, and produces a prioritized remediation list. Use when the user asks to audit a user experience, evaluate usability, review an interface for UX issues, or identify usability problems. Do NOT use for accessibility-specific audits (use accessibility-review), visual design critique (use visual-hierarchy-review), or user flow analysis (use user-flow-mapping).

ferroxlabs Bundle

Advanced CSS expertise covering Grid and Flexbox mastery, custom properties architecture, responsive design methodology, CSS methodology selection, animation performance, container queries, cascade layers, and specificity management. Use when the user asks about css master, css master best practices, or needs guidance on css master implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Expert Android Jetpack Compose development covering declarative UI, state hoisting, Material 3 theming, type-safe navigation, lazy layouts, custom animations, ViewModel integration, side effects, accessibility, and production architecture patterns for modern Android apps. Use when the user asks about jetpack compose dev, jetpack compose dev best practices, or needs guidance on jetpack compose dev implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Step-by-step guidance for setting up and using video calling apps like Zoom, FaceTime, and Google Meet, with troubleshooting tips, accessibility adjustments, and video call etiquette. Use when the user asks about video calling setup, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of video calling setup or requires a different specialized skill.

ferroxlabs Bundle

Conducts a WCAG 2.1 AA accessibility review covering color contrast, keyboard navigation, screen reader markup, touch targets, and ARIA labels with a structured remediation checklist. Use when the user asks to review accessibility, check WCAG compliance, audit for screen reader compatibility, or evaluate keyboard navigation. Do NOT use for general UX audits (use ux-audit), visual hierarchy critique (use visual-hierarchy-review), or responsive layout testing (use responsive-layout-design).

ferroxlabs Bundle

Accessibility testing expert covering automated a11y scanning with axe-core and Lighthouse, screen reader testing workflows, WCAG 2.1/2.2 compliance verification, keyboard navigation testing, color contrast analysis, ARIA pattern validation, and accessibility CI/CD integration. Use when the user asks about accessibility tester, accessibility tester best practices, or needs guidance on accessibility tester implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Navigate LMS platforms, engagement tools, accessibility features, and hybrid teaching setups to integrate technology effectively into educational environments. Use when the user asks about classroom technology, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of classroom technology or requires a different specialized skill.

ferroxlabs Bundle

Comprehensive guide to electronics projects covering Arduino and ESP32 programming, breadboard prototyping through PCB design, fundamental circuits with LEDs, sensors, and motors, soldering techniques, project ideas organized by skill level, component selection, and enclosure design. Use when the user asks about electronics hobbyist or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Bundle

Expert mobile app testing covering unit testing (XCTest, JUnit), UI testing (Espresso, XCUITest, Detox), screenshot testing, device farm testing, performance testing, network condition simulation, accessibility testing, and crash reporting. Use when the user asks about mobile testing, mobile testing best practices, or needs guidance on mobile testing implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Expert guidance for building applications with Svelte 5 and SvelteKit, covering runes reactivity, component patterns, stores, SSR/SSG, and production deployment. Use when the user asks about svelte builder, svelte builder best practices, or needs guidance on svelte builder implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Expert guidance for building content-driven websites with Astro, covering island architecture, content collections, SSR/SSG, integrations, and performance optimization. Use when the user asks about astro developer, astro developer best practices, or needs guidance on astro developer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Expert guide for infrastructure as code using Pulumi with TypeScript, Python, and Go. Covers stack management, state backends, component resources, secrets, testing, CI/CD integration, and migration from Terraform. Use when the user asks about pulumi engineer, pulumi engineer best practices, or needs guidance on pulumi engineer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Expert-level React application architecture covering component patterns, hooks design, state management selection, performance optimization, server components, and scalable folder structures. Use when the user asks about react architect, react architect best practices, or needs guidance on react architect implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

Frontend performance optimization expertise covering Core Web Vitals, bundle optimization, code splitting, lazy loading, image and font optimization, caching strategies, service workers, and performance monitoring. Use when the user asks about web performance, web performance best practices, or needs guidance on web performance implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Bundle

End-to-end mobile application development workflow from requirements analysis and system design through API development, cross-platform app building with Flutter or React Native, mobile-specific testing, and app store optimization for publishing on iOS and Android. Use when the user wants to build mobile app or needs a structured multi-step process for this goal. Do NOT use when the request is a single-step task or requires professional advice beyond educational guidance.

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

Design effective Power BI report layouts, chart selections, interactions, accessibility, mobile views, and implementation guidance. Use when asked for Power BI visualization design, dashboard layout, chart choice, KPI report structure, slicer/navigation design, accessibility review, mobile report design, or report UX consultation.

paulasilvatech Bundle

Create a React Container/Presentation component under src/components with TypeScript, Storybook, SCSS module, ui/features classification, optional Mantine replacement, and validation. Use when explicitly asked for a Container/Presentation component or when running /react-container-presentation-component.

paulasilvatech Skill

Apply Backstage plugin and module boundaries for frontend, backend, common, node, and extension-point code. Use when editing plugin or Backstage package TypeScript.

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

Requires SIFAP tests to prove requirement and legacy-behavior coverage with deterministic, privacy-safe fixtures. Use when editing backend, frontend, integration, or equivalence tests.

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.

paulasilvatech Skill

Design, implement, test, and troubleshoot Backstage permission policies, basic and resource permissions, conditional decisions, rules, frontend authorization, and plugin integration. Use when implementing RBAC, ABAC, resource filtering, action visibility, or fixing authorization failures.

paulasilvatech Skill

Defines the SIFAP Next.js 15, React 19, strict TypeScript, accessibility, session, and sensitive-data UI baseline. Use when editing frontend application source.

paulasilvatech Skill

Protects SIFAP authentication, authorization, secrets, CPF, financial data, logs, and untrusted agent context. Use when editing security-sensitive backend, frontend, configuration, or automation.