Frontend

問 AI

Frontend

Use Dom

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

openai853

SkillsPool

搵技能.../

Frontend

搜尋睇全部分類

問 AI

Frontend

Use Dom

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

openai853

Frontend

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

huajian123711

Frontend

Web Artifacts Builder

Suite of tools for creating elaborate, multi-component HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

openyak710

Frontend

Intlayer Content

Define rich content structures using Intlayer content nodes. Use when the user asks to "create translations", "handle pluralization", "use markdown in content", or implement "conditional content".

aymericzip687

Frontend

Angular Migration

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.

rmyndharis660

Frontend

React Three Fiber Game

Build React-hosted 3D browser games with React Three Fiber. Use when the user wants pmndrs-based scene composition, shared React state, and 3D HUD integration inside a React app.

openai853

Frontend

Reactome Skill

Submit compact Reactome ContentService requests for pathway, event, participant, search, and diagram-related data. Use when a user wants concise Reactome summaries

openai853

Frontend

Email

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain verification, and template patterns. Use when sending emails from a Vercel-deployed application.

openai853

Frontend

Ai Elements

AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn/ui. Use when building chat UIs, message displays, tool call rendering, streaming responses, reasoning panels, or any AI-native interface with the AI SDK.

openai853

Frontend

Vue 3 Composables

提供标准化的 useTable, useRequest 等 Hooks，用于简化列表页和异步请求的逻辑复用。

TencentBlueKing832

Frontend

Javascript

检查 XSS、CSRF、原型污染等安全问题，支持 React/Vue/Angular

TencentBlueKing832

Frontend

Vue Best Practices

Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.

TencentBlueKing832

Frontend

Pinia

基于 Pinia 的全局状态管理规范，包含 UserStore、AppStore 的标准定义

TencentBlueKing832

Frontend

Docs Rsc Sandpack

Use when adding interactive RSC (React Server Components) code examples to React docs using <SandpackRSC>, or when modifying the RSC sandpack infrastructure.

reactjs829

Frontend

Create Field

Use when creating custom Backpex field types, implementing the Backpex.Field behaviour, or adding fields to a LiveResource's fields/0 callback.

naymspace828

Frontend

Dev Patterns

Styling and structure conventions for stream-chat-react. Use when adding or editing components, SCSS, or icons in this repo—file layout, styling folder structure, SCSS imports, and icon placement.

GetStream827

Frontend

Nextjs15 Init

Use when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u822

Frontend

React Skills

React 18 patterns for LlamaFarm Designer. Covers components, hooks, TanStack Query, and testing.

llama-farm817

Frontend

Typescript Skills

Shared TypeScript best practices for Designer and Electron subsystems.

llama-farm817

Frontend

Designer Skills

Designer subsystem patterns for LlamaFarm. Covers React 18, TanStack Query, TailwindCSS, and Radix UI.

llama-farm817

Frontend

Unity Camera

Scene View camera control. Use when users want to move, rotate, or align the editor camera view. Triggers: camera, view, scene view, look at, align, viewport, 相机, 摄像机, 视角.

Besty0728787

Frontend

Basic Setup

Install and render your first Turnstile widget with required configuration. Activate this skill when starting a new project with react-turnstile or when implementing basic CAPTCHA protection for the first time.

marsidev775

Frontend

Skill: HostObjects

Covers how to create, structure, and maintain JSI HostObjects that bridge C++ audio nodes to JavaScript in react-native-audio-api. Explains naming conventions, property/method exposure via macros, shadow state for JS↔audio-thread communication, JSI argument parsing, return value patterns, memory pressure, factory wiring in BaseAudioContextHostObject, and common pitfalls. Use this skill when creating a new audio node HostObject, modifying existing HostObject get/set/call logic, wiring a new node into the context factory, or debugging JSI-related crashes and type errors. Trigger phrases: "add HostObject", "create JSI bridge", "expose C++ node to JS", "shadow state", "scheduleAudioEvent from setter", "JSI property getter", "HostObject crashes", "new audio node".

software-mansion744

Frontend

Web Browse

Browse and interact with web pages headlessly. Use when agent needs to navigate websites, click elements, fill forms, read content, or take screenshots.

agent-sh742

Frontend

Makepad 2 0 Animation

CRITICAL: Use for Makepad 2.0 animation system. Triggers on: makepad animation, makepad animator, Animator, AnimatorState, hover effect, makepad transition, animation state, Forward, Snap, Loop, ease function, makepad animate, timeline, snap(), default @off, animation group, 动画, 过渡, 悬停效果, 动画状态, 缓动函数

ZhangHanDong738

Frontend

React Patterns

React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact — eliminating waterfalls, bundle optimisation, re-render prevention, composition over boolean props, server/client boundaries, and React 19 APIs. Use when writing, reviewing, or refactoring React components. Triggers: 'react patterns', 'react review', 'react performance', 'optimise components', 'react best practices', 'composition patterns', 'why is it slow', 'reduce re-renders', 'fix waterfall'.

jezweb738

Frontend

Shadcn Ui

Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with semantic tokens, and common UI recipes (forms, data tables, navigation, modals). Use after tailwind-theme-builder has set up the theme infrastructure, when adding components, building forms, creating data tables, or setting up navigation.

jezweb738

Frontend

Tailwind Theme Builder

Set up Tailwind v4 with shadcn/ui themed UI. Workflow: install dependencies, configure CSS variables with @theme inline, set up dark mode, verify. Use when initialising React projects with Tailwind v4, setting up shadcn/ui theming, or fixing colors not working, tw-animate-css errors, @theme inline dark mode conflicts, @apply breaking, v3 migration issues.

jezweb738

Frontend