Web & Frontend

tuyv Bundle

Drive a native GUI app (macOS, Windows, Linux) via the Qwen Cua Driver CLI (default) or MCP server; snapshot its accessibility tree, act through snapshot-bound element tokens, native menu paths, exact window geometry, or pixel coordinates, and verify from fresh state. Use when the user asks you to operate, drive, automate, or perform a GUI task in a real application on the host.

tuyv Bundle

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, loading/empty/error screen states, and Expo Router data loaders (`useLoaderData`).

tuyv Bundle

Framework (OSS). Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a Next.js/Vite/CRA React codebase to React Native, reuse web code on native incrementally, or asks how web idioms (the DOM, CSS, React Router, localStorage, window) map to native. This is the end-to-end migration guide; use the `expo-dom` skill for the DOM-component mechanism itself.

tuyv Bundle

Guides ccusage VitePress documentation work. Use when editing docs, screenshots, accessibility, schema-copy behavior, markdown linting, or user-facing guides.

tuyv Bundle

Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout", "SwiftUI", "UIKit", "Dynamic Island", "safe areas", "HIG compliance", "SF Symbols", "haptic feedback", "iOS accessibility", "make my app feel native", or "follow Apple design guidelines". Also trigger when building tab bars, navigation stacks, sheets, or modals for iOS, implementing dark mode, or adapting layouts across screen sizes. Covers navigation patterns, accessibility, SF Symbols, and platform conventions. For general UI polish, see refactoring-ui. For affordance design, see design-everyday-things.

tuyv Bundle

Framework (OSS). Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

ashfordeou Bundle

Use when the task is drag buildup, zero-lift drag estimation, the wetted-area method, skin-friction coefficients, form factor, interference factor, or equivalent skin-friction coefficient in a preliminary drag assessment. Estimate the parasite (zero-lift) drag of a fixed-wing aircraft with the component buildup method: compute the flat-plate skin-friction coefficient from the Reynolds number for laminar and turbulent flow, apply the form factor and interference factor to each component, convert the wetted area into a drag coefficient, and sum the wing, fuselage, nacelle, and tail contributions into the total parasite drag. Also back out the equivalent skin-friction coefficient from the total wetted area and the total drag. Trigger: parasite drag, zero-lift drag, skin friction, wetted area, form factor, interference factor, drag buildup, Reynolds number.

ashfordeou Bundle

Use when planning or auditing ESD qualification of LRUs and cabin equipment that personnel handle during normal operation or maintenance. Determine DO-160 Section 25 electrostatic discharge (ESD) test parameters for airborne equipment: select the single equipment category and 15 kV air discharge test level, compute the stored energy and discharge waveform currents (peak, 30 ns, 60 ns) from the 150 pF and 330 ohm generator model, check the 10 positive and 10 negative discharges per test point, and judge test point applicability from personnel accessibility with connector pins excluded. Verdict logic classifies pass criteria; input validation and summary formulas only, no standard tables reproduced. Trigger: electrostatic discharge, ESD testing, air discharge, discharge waveform, test point.

ashfordeou Bundle

Use when you must evaluate turbofan performance away from the design point: correct the inlet mass flow and the spool speed to standard-day conditions, scale the sea-level net thrust to altitude with the density ratio and the ram drag penalty, apply the SFC altitude and throttle behavior, sanity-check the throttle setting, and judge the fan and core component matching. Produces corrected mass flow, corrected speed, altitude net thrust, cruise SFC factor, and the matching verdict that gate the off-design operating assessment in the FAR-33 engine context. Trigger: off-design, corrected mass flow, corrected speed, component matching, altitude thrust, cruise SFC, throttle setting, ram drag.

ashfordeou Bundle

Use when the task is bird strike impact analysis and certification of transport aeroplane structure per FAR 25.631 and CS-25: estimate the impact kinetic energy of a 4 pound or 8 pound bird at cruise velocity with impact_energy, convert the bird mass to kilograms with bird_mass_kg, compute the specific energy with specific_energy, and rate the strike against the component damage threshold with damage_severity_ratio, penetration_verdict, and residual_strength_fraction for the residual strength after impact. Covers leading edge, windshield, radome, and engine inlet damage modes, energy absorption, soft-body impact behavior, and test versus analysis compliance. Trigger: bird strike, birdstrike, bird-strike, soft body impact, soft-body-impact, impact energy, impact-energy, leading edge, leading-edge, 4 pound bird, 8 pound bird, FAR 25.631, windshield, radome, engine inlet.

ashfordeou Bundle

Use when you must select a structural material for an aerospace component: compare candidate materials across the aluminum, titanium, steel, and composite families, compute Ashby-style selection indices (E/rho for tension stiffness, E^(1/2)/rho for beam bending, E^(1/3)/rho for panel bending, sigma/rho for strength-limited tension), and rank candidates by stiffness-to-weight and strength-to-weight. Covers design drivers: temperature limits, corrosion and galvanic coupling, cost and availability, fatigue, and damage tolerance. Produces a ranked candidate list and the index-based justification for the selection, with representative property values flagged for verification against MMPDS. Trigger: material selection, selection indices, stiffness-to-weight, strength-to-weight, specific stiffness, specific strength, aluminum, titanium, steel, composites.

ashfordeou Bundle

Use when performing class-I or class-II vehicle weight estimation: compute moments and center of gravity from component weights and arms, check the CG against the forward and aft envelope limits, and validate empty-weight fractions against typical band ranges per aircraft category. The skill supports weight and balance calculations in the FAR-25 / CS-25 certification context. Trigger: weight estimation, weight and balance, center of gravity, cg envelope, mass, weight fraction, moment, class-i, class-ii.

ashfordeou Bundle

Use when you must resolve the wind triangle for a fixed-wing aircraft: decompose the wind into the headwind, tailwind, and crosswind components along the track, combine the true airspeed with the wind components to find the groundspeed, derive the wind correction angle needed to hold the track against the crosswind, and convert a leg distance into the enroute time at the resulting groundspeed. Produces the wind components, the groundspeed, the wind correction angle, and the enroute time that gate the wind effects assessment. Trigger: headwind, crosswind, wind correction angle, crab angle, groundspeed, enroute time, wind triangle.

ashfordeou Bundle

Use when you must compute the two-stream turbofan design point at flight Mach and altitude: traverse the fan-stream-station-states and the core stream of the separate-exhaust-cycle down the 0-2-13-2.5-3-4-4.5-5-9/19 station chain from the overall pressure ratio, the turbine-inlet temperature, the bypass ratio and the fan pressure ratio with the component efficiencies; close the two-spool-work-balance of the high-pressure compressor on the HP turbine and of the fan plus booster on the LP turbine; and report the burner fuel-air ratio, the per-stream nozzle exit velocities with the choked pressure terms, and the net thrust and TSFC of the separate-exhaust turbofan. Produces the station total states, the spool works, the jet velocities, the net thrust and the TSFC, in SI units, that gate the engine design-point assessment. Trigger: turbofan design point, two-spool engine cycle, fan stream station states, separate exhaust cycle, overall pressure ratio, fuel-air ratio, net thrust and tsfc.

ashfordeou Bundle

Use when you must run the ANOVA estimator for a gage repeatability and reproducibility study: decompose total variation of replicated balanced readings into part, operator, part-by-operator interaction and equipment sums of squares, estimate variance components with the non-negative interaction floor, compute equipment, appraiser, interaction, combined GRR, part and total variation, the percent GRR verdict on the 10/30 acceptance bands, part and interaction F statistics, and the number of distinct categories. Produces the ANOVA table, variance components, verdict and ndc that gate measurement system approval. Trigger: gage rr anova, variance component decomposition, operator part interaction F test, distinct categories count.

ashfordeou Bundle

Use when you must build or review an N2 interface diagram for an aerospace systems engineering model: derive the NxN interface matrix from the function or component list and the interface pair list, count the interfaces per element from the row and column sums, flag the missing data links against the required interface list, and identify isolated elements with no interfaces. Produces the interface matrix, the per-element interface counts, and the missing link and isolation report that gate the interface requirements review. Trigger: N2 diagram, N2 interface matrix, interface pair, data link, interface count, missing interface.

ashfordeou Bundle

Use when you must build the parametric aircraft geometry in the OpenVSP style for conceptual design: define the wing planform from the span, the root and tip chords, the sweep, the dihedral and the twist, define the fuselage from its length and stationwise radii, and add the tail surfaces and nacelles, then compute the derived geometry quantities: the wing area, the aspect ratio, the mean aerodynamic chord, the wetted areas, the component volumes and the component centroids that feed the mass properties model. Produces the geometry parameter table and the derived quantities that gate sizing and mass estimation. Trigger: parametric geometry, wing planform, mean aerodynamic chord, wetted area, component volume.

ashfordeou Bundle

Use when you must analyze the center-of-gravity envelope of a vehicle: derive the cg station from component weights and arms, check the operating cg against the forward and aft limits, test an operating point against the envelope polygon in the cg versus weight plane, compute the static margin from the neutral point normalized by the mean aerodynamic chord, and track the cg excursion as the fuel burns between loading states. Produces the cg station, the limit verdict, the polygon membership with the violated limit, the static margin verdict, and the fuel-burn cg shift that gate the loading analysis. Trigger: cg envelope, static margin, neutral point, forward limit, aft limit, envelope polygon, cg excursion, fuel burn.

sheshiyer Bundle

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

sheshiyer Skill

Use when publishing or hardening an Astro docs/wiki/press-kit site with Markdown or MDX content, generated routes, artifact data, public copy QA, browser verification, Vercel or Cloudflare deploy checks, or README/docs media outputs.

sheshiyer Bundle

React composition patterns for flexible, maintainable components: compound components, lifting state, explicit variants, children over render props, and avoiding boolean-prop proliferation. USE WHEN refactoring React components that are drowning in boolean props or rigid APIs.

sheshiyer Skill

Integrate Supabase Auth with the Next.js App Router — browser/server clients, middleware session refresh, and the auth callback route. USE WHEN wiring Supabase login, sessions, or protected routes into a Next.js app.

sheshiyer Skill

SPYLT-style product landing with GSAP scroll animations, React 19, and Tailwind CSS 4. USE WHEN building a polished React + GSAP product/landing page with scroll-driven sections — a worked Awwwards-grade reference implementation.

sheshiyer Skill

Shared reference for the creative-frontend cluster: the in-browser-vs-video decision matrix, in-browser tool selection, prefers-reduced-motion baseline, GPU/performance budget, Astro hydration boundaries for animation, and version matrix. USE WHEN deciding how to implement web motion/animation/video, or for the cross-cutting rules every spoke (GSAP, Anime.js, web-motion-library, Remotion) shares.

sheshiyer Bundle

Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates.

sheshiyer Skill

Explains Tauri IPC (Inter-Process Communication) patterns, including brownfield and isolation approaches for secure message passing between frontend and Rust backend. USE WHEN wiring commands or events between the webview and Rust, or choosing between the brownfield and isolation IPC patterns.

sheshiyer Skill

Use when adding, fixing, or reviewing GSAP ScrollTrigger behavior in Astro pages, especially with view transitions, static routes, client scripts, reduced motion, cleanup, or browser-only lifecycle constraints.

sheshiyer Skill

Add a Tauri splashscreen, loading screen, or startup screen to an app, covering configuration, custom splash HTML, styling, and closing the splash when ready. USE WHEN showing a loading or startup window before a Tauri app's main window is ready.

sheshiyer Skill

Set a frontend design direction for production UI work. USE WHEN building or improving websites, dashboards, applications, components, landing pages, visual tools, or any web UI that needs stronger product-specific design judgment.

sheshiyer Skill

Route a web-UI task to the right skill among 18 frontend specialists — framework choice (React/Next, Vue/Nuxt, Angular), build tooling (Vite, Turbopack, Bun), motion, accessibility, design direction, and component conversion. USE WHEN building, reviewing, or shipping a web interface but the specific framework or concern hasn't been named yet.

sheshiyer Skill

Subscribe to and listen for Tauri v2 events in the frontend via @tauri-apps/api/event, including typed handlers and cleanup. USE WHEN listening to Rust-emitted events in a webview, distinguishing global vs webview-specific scopes, or unsubscribing listeners on unmount.

sheshiyer Skill

Route a React Native craft task to the right spoke — styling/navigation/Reanimated animation, touch/gesture/haptics, data fetching, full screen/app visual design, or integrated product-flow UI/UX audits. USE WHEN building or reviewing React Native UI and interaction (toolchain-agnostic). For the Expo toolchain (EAS, dev client, Expo Router, native modules) hand off to the expo cluster; for native SwiftUI/iOS, the native-ios cluster.

sheshiyer Skill

Create and initialize Tauri v2 cross-platform desktop and mobile projects, covering prerequisites, create-tauri-app or manual CLI setup, directory structure, and config. USE WHEN scaffolding a new Tauri app, installing prerequisites on macOS/Windows/Linux, or picking a frontend (React, Vue, Svelte, vanilla JS/TS).

sheshiyer Bundle

Diagnose slow React components and apply targeted fixes — isolate ticking state, stabilize props/handlers, memoize leaves, virtualize lists, verify with the Profiler. USE WHEN a React component is slow, janky, or re-rendering too much.

sheshiyer Skill

Configure the Tauri v2 permission system controlling frontend access to backend commands and resources. USE WHEN defining allow/deny lists, enabling plugin permissions, referencing permission identifiers, or wiring permissions into scopes and capabilities.

sheshiyer Bundle

Use when validating built HTML from Markdown or MDX content, especially Astro docs/wiki pages, for raw Markdown leaks, frontmatter leakage, placeholder copy, local filesystem paths, internal build labels, emoji UI icons, and artifact wording regressions.