Frontend Frameworks

antigravity Skill

Generate production-quality React + Tailwind CSS code using the Rayden UI component library with correct props, design tokens, and layout patterns.

expo Bundle

Run web code in a webview on native platforms and as-is on web, enabling use of web-only libraries like recharts and react-syntax-highlighter in Expo apps.

expo Bundle

Implement and debug network requests, API calls, and data fetching in Expo apps using fetch, React Query, SWR, Expo Router loaders, caching, and offline support.

expo Bundle

Migrate an existing web React app to a native iOS/Android app with Expo, screen by screen, using a strangler-fig pattern that ships the web UI in a DOM-component shell on day one and nativizes screens by value.

adobe Bundle

Re-platforms a site to AEM Edge Delivery (or any clean front end) while keeping its current design near pixel-perfect. Recreates key pages as clean HTML/CSS, verifies each against the live site with a measured source-fidelity gate, then hands off for site-wide delivery.

nextlevelbuilder Bundle

Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.

nexu-io Bundle

Generates a high-fidelity, clickable web prototype with navigation, hero, features, and CTA sections.

remotion-dev Bundle

Guides building video-generation SaaS apps with Remotion, covering framework selection, the Player component, and rendering options across Lambda, Vercel, Node.js, and Cloudflare.

remotion-dev Bundle

Scaffolds a new Remotion video project, guides React markup design with video layout rules, and starts the Remotion Studio preview server.

remotion-dev Bundle

Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.

remotion-dev Bundle

Provides a Caption type definition and links to skills for transcribing, displaying, and importing captions in Remotion videos.

remotion-dev Skill

Provides best practices for creating Remotion animations that remain intuitive for AI agents and editable in Remotion Studio Visual Mode.

xiaopu-ai Bundle

Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.

claude-skills Bundle

Guides building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4, covering setup, runes, forms, styling, deployment, and migration through curated documentation and a structured search workflow.

majiayu000 Bundle

Build type-safe APIs with tRPC, covering procedures, routers, middleware, React integration, subscriptions, and error handling.

majiayu000 Bundle

Build, deploy, and interact with Juicebox V5 projects, including revnets, hooks, and omnichain deployments, with API references, implementation details, UI generation, and GraphQL queries.

majiayu000 Bundle

Generates type-safe TypeScript clients from OpenAPI specs using Orval, covering configuration, React Query/SWR hooks, custom mutators, and MSW mocks.

majiayu000 Bundle

Generate A2UI 0.8 protocol compliant UI code for agent-driven interfaces, including JSONL messages for surface updates, data model updates, and rendering.

majiayu000 Bundle

Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.

tinh2 Skill

Audits and fixes interfaces to adapt across screen sizes and input modalities using container queries, adaptive navigation, and platform-aware layouts for web, mobile, tablet, and desktop.

pranavnagrecha Bundle

Optimizes Lightning Web Components for slow initial load, heavy rerenders, large-list rendering, payload reduction, and lazy instantiation choices such as lwc:if, tabs, or dynamic components.

pranavnagrecha Bundle

Guides designing or reviewing Lightning Web Components for keyboard access, semantic labeling, and focus management, prioritizing base components over custom ARIA.

pranavnagrecha Bundle

Builds a custom LWC lookup component with typeahead search via Apex SOSL/SOQL, debounce, keyboard navigation, and pill UI for cases where standard pickers fall short.

pranavnagrecha Bundle

Implements HTML5 drag-and-drop in Lightning Web Components, covering dataTransfer usage, drop targets, visual states, and keyboard accessibility.

pranavnagrecha Bundle

Migrate LWC components from fragile querySelector lookups to typed lwc:ref handles, with guidance on lifecycle timing, shadow boundaries, and iterator limitations.

pranavnagrecha Bundle

Style Lightning Web Components using SLDS design tokens, styling hooks, scoped CSS, and ::part() while avoiding common pitfalls like !important and shadow-DOM piercing.

pranavnagrecha Bundle

Build accessible modal dialogs in LWC using the LightningModal base class, covering open(), close(), sizes, and accessibility.

pranavnagrecha Bundle

Implements sibling communication between Lightning Web Components using Lightning Message Service (LMS) or the legacy pubsub utility, covering message channel definition, publish/subscribe patterns, and scope selection.

comeonoliver Skill

Write Vue 3 single-file components using the Composition API with script setup, covering reactivity, lifecycle, and built-in components.

comeonoliver Skill

Develop Nuxt 3 full-stack Vue applications with SSR, file-based routing, auto-imports, data fetching, and deployment guidance.

comeonoliver Skill

Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.

comeonoliver Skill

Run web code in a webview on native platforms and as-is on web using Expo DOM components, enabling incremental migration of web code to native.

comeonoliver Skill

Build documentation sites with VitePress, covering configuration, Markdown, Vue components, themes, and deployment.

dvcrn Bundle

Deploy multilingual static websites for free on Cloudflare using the Astro framework, with support for i18n content, content collections, and direct or Git-based deployment.

lingxling Skill

Build content-focused websites with Astro, leveraging islands architecture, zero-JS defaults, multi-framework components, and Markdown/MDX support.

dangquangse Bundle

Generates frontend source code and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.