Web & Frontend

majiayu000 Bundle

Fetch component names from Sippy component readiness API

majiayu000 Bundle

Leverage personal notes and documentation through Terraphim's role-based search. AI agents can search developer's local knowledge organized by domain (Rust, frontend, architecture) using the terraphim-agent REPL commands.

majiayu000 Bundle

Write quality markdown content. Use when creating or editing .md files, documentation, READMEs, or any markdown-based content. Ensures proper syntax, structure, and accessibility.

majiayu000 Bundle

Guide for implementing Material Design 3 (Material You). Use when designing Android apps, implementing dynamic theming, or following Material component patterns.

majiayu000 Bundle

Convert Metabase questions, models, and metrics into KTX Semantic Layer source definitions. Covers result-metadata to KSL column type mapping, FK/PK detection, near-duplicate deduplication, pre-aggregation decomposition, join-graph connectivity, and how to react to priorProvenance from earlier ingest syncs. Load when the WorkUnit contains `cards/<id>.json` files under a Metabase bundle.

majiayu000 Bundle

Create new modules for the Providr Provider Portal using Metronic Tailwind React theme, Shadcn UI, and KeenIcons. Use when building new features, pages, or modules that follow the established patterns, or when the user asks to create a module using Metronic conventions.

majiayu000 Bundle

Expert in Template Project mobile architecture using Expo, React Native, TypeScript, and Zustand. Use when building mobile screens, implementing navigation, managing state, styling components, integrating with backend APIs, or handling platform-specific functionality.

majiayu000 Bundle

Create interactive, production-ready UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (React), TypeScript, and TailwindCSS v4. Use when building web mockups, prototypes, landing pages, dashboards, admin panels, or interactive UI demonstrations. Trigger when users mention "create mockup", "build prototype", "interactive demo", "UI prototype", "design to code", or need rapid frontend development with modern tooling. Prefer NuxtJS for Vue-based projects; use Next.js when users mention ReactJS.

majiayu000 Bundle

Build clean, scalable UIs with Tailwind CSS using modern utilities and variants

majiayu000 Bundle

Analyze transcription factor motif accessibility variability using chromVAR. Use when identifying which TF motifs show variable accessibility across samples or conditions in ATAC-seq data.

majiayu000 Bundle

Configures Neon Serverless Driver for Next.js, Vercel Edge Functions, AWS Lambda, and other serverless environments. Installs @neondatabase/serverless, sets up environment variables, and creates working API route examples with TypeScript types. Use when users need to connect their application to Neon, fetch or query data from a Neon database, integrate Neon with Next.js or serverless frameworks, or set up database access in edge/serverless environments where traditional PostgreSQL clients don't work.

majiayu000 Bundle

Use when working with Next.js App Router (app/ directory). Invoke for Server Components, layouts, route handlers, parallel routes, intercepting routes, Server Actions, streaming, loading states, or error handling in the app directory.

majiayu000 Bundle

Next.js monorepo patterns with Turborepo and pnpm workspaces. Use this skill when working with multi-package Next.js projects, managing dependencies across packages, optimizing build pipelines, or configuring Turborepo.

majiayu000 Bundle

Next.js 15 App Router patterns - use for frontend pages, API routes, server components, client components, and middleware

majiayu000 Bundle

Review Next.js App Router code for optimal Partial Prerendering (PPR), caching strategy, Suspense boundaries, and React Query integration. Ensure adherence to Next.js 16+ Cache Components best practices.

majiayu000 Bundle

Next.js full-stack application with Supabase backend.

majiayu000 Bundle

Next.js framework workflow guidelines. Activate when working with Next.js projects, next.config, app router, or Next.js-specific patterns.

majiayu000 Bundle

Guidelines for frontend development in the NimbusImage application including Vue 2, Vuetify, Vuex patterns, theming, and component structure.

majiayu000 Bundle

Vue component patterns with Composition API and script setup. Use when creating components, understanding script setup order convention, organizing component directories, or implementing component patterns like slideovers, modals, and tables.

majiayu000 Bundle

Build ChatGPT apps with MCP servers on Cloudflare Workers. Extend ChatGPT with custom tools and interactive widgets (HTML/JS UI). Use when: developing ChatGPT extensions, implementing MCP servers, or troubleshooting CORS, widget 404s, MIME types, ASSETS binding errors, Next.js integration issues, or edge platform limitations.

majiayu000 Bundle

리포트 출력 패턴. Excel, HTML 보고서, 콘솔 출력 스타일 가이드.

majiayu000 Bundle

Create cohesive UI color systems from vibes and reference images. Use when starting a new page/component, unifying assets that feel off, or need consistent color tokens. Outputs core palette (primary, accent, background, surface, text), Tailwind config snippets, gradient suggestions, and accessibility notes.

majiayu000 Bundle

Implémente les Parallel Routes Next.js pour modals sans layout shifts. MANDATORY pour modals. À utiliser lors de modals, dialogs, ou quand l'utilisateur mentionne "modal", "dialog", "parallel route", "intercepted route".

majiayu000 Bundle

Render DNA codes to Pencil .pen frames. Does ONE thing well. Input: DNA code + component type (hero, card, form, etc.) Output: .pen frame ID + screenshot Use when: design-exploration or other orchestrators need to render visual proposals using Pencil MCP backend.

majiayu000 Bundle

Component skill for creating compelling data-driven presentations and whitepapers using marp and pandoc with proper citations and reproducibility

majiayu000 Bundle

Best practices for using Prisma ORM with Next.js 16 App Router and Neon serverless database. Use this skill when writing database queries, mutations, or configuring Prisma client to ensure connection limits, caching, and serverless compatibility are handled correctly.

majiayu000 Bundle

Prisma ORM patterns - use for database access in Next.js, schema design, migrations, transactions, and relations

majiayu000 Bundle

React Three Fiber interaction - pointer events, controls, raycasting. Use when handling user input, camera controls, or creating interactive experiences.

majiayu000 Bundle

Pipeline Component Analysis & Feedback Tool. Decomposes pipelines into components with traceability feedback. Records all interactions in Machine-Readable YAML format. Integrates with /research skill for skill-driven pipeline support.

majiayu000 Bundle

Organize long or disorganized className attributes in React components into semantic groups using cn() or className

majiayu000 Bundle

生成React组件，包含TypeScript、hooks、状态管理和无障碍最佳实践。支持函数组件、自定义hooks和Context Provider。

majiayu000 Bundle

React's render cycle can cause infinite loops and performance issues. This skill covers the most common patterns that cause problems in StepLeague.

majiayu000 Bundle

Use this skill when building with React development tasks, including component creation, state management, and hooks.

majiayu000 Bundle

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

majiayu000 Bundle

Performant React forms with minimal re-renders and built-in validation

majiayu000 Bundle

Research Next.js 15 patterns, examples, and documentation using Exa code search and Ref documentation