Web & Frontend

ferroxlabs Skill

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 Skill

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 Skill

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.

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 Skill

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 Skill

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.

ferroxlabs Skill

Guides PCB design workflow including KiCad schematic capture, board layout, design rules, fabrication preparation, and component selection Use when the user asks about pcb designer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of pcb designer or requires a different specialized skill.

ferroxlabs Skill

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 Skill

Expert Vue.js development covering Composition API patterns, Pinia state management, Vue Router, composables design, Nuxt.js integration, reactivity internals, and advanced component patterns. Use when the user asks about vue builder, vue builder best practices, or needs guidance on vue builder implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Skill

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 Skill

Designs engaging classroom activities with clear objectives, step-by-step procedures, timing, materials lists, and debrief questions for educators. Produces a complete activity guide that a teacher can implement directly -- not a list of activity ideas. Use when an educator asks to design a classroom activity, create an engaging exercise, build a hands-on learning experience, or plan an interactive lesson component. Do NOT use for full lesson plans (use `lesson-plan-design`), for discussion-only activities (use `discussion-questions`), or for online course modules (use `online-course-design`).

ferroxlabs Skill

Decentralized application development expertise covering frontend-blockchain integration, wallet connection (RainbowKit, ConnectKit), transaction handling with viem and ethers.js, smart contract interaction patterns, state management for on-chain data, event indexing, error handling, testing strategies, and production deployment for web3 frontends. Use when the user asks about web3 dapp builder, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of web3 dapp builder or requires a different specialized skill.

ferroxlabs Skill

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 Skill

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 Skill

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 Skill

Web scraping expertise covering HTTP client selection, HTML parsing with BeautifulSoup and Cheerio, browser automation with Playwright and Puppeteer, rate limiting, robots.txt compliance, session and cookie handling, anti-detection techniques, data extraction patterns, pagination handling, and legal considerations. Use when the user asks about web scraper, web scraper best practices, or needs guidance on web scraper implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Skill

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 Skill

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 Skill

Web animation expertise covering CSS animations and transitions, Web Animations API, Framer Motion, GSAP, scroll-driven animations, layout animations, spring physics, reduce-motion preferences, and performance budgets. Use when the user asks about animation designer, animation designer best practices, or needs guidance on animation designer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Skill

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

ferroxlabs Skill

Patient, step-by-step guidance for learning smartphone fundamentals on iOS and Android, including navigation, essential apps, settings customization, and accessibility features for comfortable daily use. Use when the user asks about smartphone basics trainer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of smartphone basics trainer or requires a different specialized skill.

ferroxlabs Skill

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 Skill

Game UX design covering UI patterns and HUD design, menu systems, onboarding and tutorial flows, accessibility standards, player feedback systems, input design, information hierarchy, playtesting for UX, and the unique challenges of designing interfaces for interactive entertainment. Use when the user asks about ux for games or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

ferroxlabs Skill

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 Skill

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 Skill

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 Skill

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 Skill

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

ferroxlabs Skill

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

ferroxlabs Skill

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

ferroxlabs Skill

Web animation expertise covering CSS animations and transitions, GSAP, Framer Motion, scroll-triggered animations, performance optimization, animation choreography, easing functions, reduced motion accessibility, and animation design patterns. Use when the user asks about web animation master, web animation master best practices, or needs guidance on web animation master implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Skill

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.

ferroxlabs Skill

Expert SwiftUI development covering declarative UI composition, state management with Observable, NavigationStack routing, custom animations, async/await data loading, accessibility, platform-adaptive layouts, and production architecture patterns for iOS, iPadOS, macOS, watchOS, and visionOS. Use when the user asks about swiftui developer, swiftui developer best practices, or needs guidance on swiftui developer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

ferroxlabs Skill

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

ferroxlabs Skill

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