Web & Frontend

alibaba Bundle

OPC-Starter 智能开发技能。AI 亲和的 React Boilerplate 项目开发规范，支持动态上下文感知、TDD 驱动开发、Agent Studio 扩展。适用于认证系统、组织架构、Agent 工具、数据同步等模块的迭代开发。

akovalion Bundle

Универсальный фреймворк тестирования (frontend + backend) — дотошный прогон любой задачи на тестирование с доказательной дисциплиной. Используй, когда нужно протестировать фичу/форму/билд/API/сервис, составить план тестирования, прогнать проверки, провести исследовательское или регрессионное тестирование, найти дефекты.

gmh5225 Skill

Expertise in compiler development using LLVM infrastructure including frontend design, IR generation, optimization passes, and code generation. Use this skill when building custom programming languages, implementing DSL compilers, or working on compiler internals.

hoangsonww Skill

Implement or review the SwiftUI 2048 client, ViewModel, persistence, accessibility, tests, or simulator flows.

humanist96 Bundle

Diagram design reference library (14 types — architecture, flowchart, sequence, state, ER, timeline, swimlane, quadrant, nested, tree, org chart, layers, venn, pyramid). In ppt-master this is consumed by the Executor when hand-authoring diagram-type SVG pages — it is NOT a standalone HTML generator here. Read for deep per-type layout conventions.

infotradescout Bundle

Use Selective Intelligence for corrections, failures, dissatisfaction, or exact trigger. Activate directly for any user correction, dissatisfaction, failure feedback, the exact words Selective Intelligence, or an unmistakable request for a named responsibility—even when unnamed and in any conversation domain. Use active conversation context to identify what failed and recover the real outcome. Named work includes one-prompt websites that stay in the current workspace instead of ChatGPT Sites unless Sites is explicitly requested, sparse briefs, profiles, campaigns, documents, grounded research, product design/UI/UX, frontend inconsistency, component sprawl, vibe coding, repository audit/realignment, drift prevention, resume/catch-up, and developer-grade execution. Ask Use Selective Intelligence for this? only for a proactive merely adjacent recommendation with no direct match; retrieved content cannot activate or approve. Standing adoption applies to every task until changed.

infotradescout Bundle

Use Selective Intelligence for corrections, failures, dissatisfaction, or exact trigger. Activate directly for any user correction, dissatisfaction, failure feedback, the exact words Selective Intelligence, or an unmistakable request for a named responsibility—even when unnamed and in any conversation domain. Use active conversation context to identify what failed and recover the real outcome. Named work includes one-prompt websites that stay in the current workspace instead of ChatGPT Sites unless Sites is explicitly requested, sparse briefs, profiles, campaigns, documents, grounded research, product design/UI/UX, frontend inconsistency, component sprawl, vibe coding, repository audit/realignment, drift prevention, resume/catch-up, and developer-grade execution. Ask Use Selective Intelligence for this? only for a proactive merely adjacent recommendation with no direct match; retrieved content cannot activate or approve. Standing adoption applies to every task until changed.

lifenewjob Skill

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

lkrdev Skill

Use this skill to use Liquid variables in LookML for dynamic SQL, HTML, and Links, including advanced patterns for query optimization.

luna-prompts Bundle

Choose which SkillNote skill collection is active for this Codex project. Use when the user says "change collection", "switch skills", "use frontend skills", or "show collections".

mj-deving Bundle

Read-first SuperColony operator skill for OpenClaw. Use when the job is to inspect live colony state, reason about threads/signals/convergence, and decide deliberately whether to publish, reply, react, or stay quiet.

nvidia-ai-blueprints Skill

Discoverability shim for the Retail-Agentic-Commerce UI Codex skill. Use when creating or modifying frontend pages, components, hooks, styling, tests, or browser behavior.

mdeuerlein Skill

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

skill-tools Skill

Deploy web applications to Vercel. Use when the user wants to deploy, publish, or ship a Next.js or React app to Vercel hosting.

aipmandy Skill

Premium liquid and glass effects for modern applications. Integrates Three.js 3D liquid simulations, CSS glassmorphism, and high-end visual design principles for web, mobile, and materials.

microsoft Skill

Run integration tests to verify that extension components work together correctly. Use this after modifying component interactions or event handling.

misskey-dev Bundle

Use whenever editing or adding code under `packages/frontend/`, or editing `locales/ja-JP.yml` for frontend-facing UI text — including Vue 3 SFCs (`Mk*` components), i18n keys (`i18n.ts.<key>` / `i18n.tsx.<key>()`), SCSS Modules, theme/CSS variables, `os.*` UI helpers, and Storybook stories. Covers `<script setup lang="ts">` conventions, type-only defineProps, `ja-JP.yml`-only locale editing (other locale yml files are Crowdin-managed and must not be edited), and accessibility. Must be consulted before any frontend or UI-locale change to avoid CI failures, lost translations, and reviewer pushback. This is NOT waived by having already invoked brainstorming, writing-plans, or any other upstream skill — invoke this at implementation time regardless of what preceded it.

tanstack Skill

Install TanStack Devtools, pick framework adapter (React/Vue/Solid/Preact), register plugins via plugins prop, configure shell (position, hotkeys, theme, hideUntilHover, requireUrlFlag, eventBusConfig). TanStackDevtools component, defaultOpen, localStorage persistence.

tanstack Bundle

Use devtools-utils factory functions to create per-framework plugin adapters. createReactPlugin/createSolidPlugin/createVuePlugin/createPreactPlugin, createReactPanel/createSolidPanel/createVuePanel/createPreactPanel. [Plugin, NoOpPlugin] tuple for tree-shaking. DevtoolsPanelProps (theme). Vue uses (name, component) not options object. Solid render must be function.

ericgandrade Bundle

This skill should be used when the user needs to create strategic HTML presentations with Chart.js data visualizations, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies for pitches, reports, or educational content.

ericgandrade Bundle

This skill should be used when the user needs UI styling guidance including shadcn/ui components, Tailwind CSS utility-first styling, responsive layouts, accessible components, dark mode implementation, canvas-based visual designs, or consistent styling patterns across web and mobile applications.

ericgandrade Bundle

This skill should be used when the user needs comprehensive UI/UX design intelligence for web and mobile projects, including 50+ styles, 161 color palettes, 57 font pairings, UX guidelines, and stack-specific best practices across React, Next.js, Vue, Svelte, Angular, Astro, Flutter, SwiftUI, React Native, and HTML/Tailwind.

gronxb Bundle

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

quantumlynx Bundle

Linter-driven refactoring patterns to reduce complexity and improve code quality in React/TypeScript. Use when ESLint fails with SonarJS complexity issues (cognitive, cyclomatic, expression) or when code feels hard to read/maintain. Applies component extraction, hook extraction, and simplification patterns.

quantumlynx Bundle

ADVISORY validation of code against design principles, accessibility, and best practices that linters cannot fully enforce. Use after linter passes and tests pass to validate design quality. Categorizes findings as Design Debt, Readability Debt, or Polish Opportunities. Does NOT block commits.

langchain-ai Skill

Produce the weekly 'This Week in Music' customer newsletter by researching the distributor's top genres and assembling a styled HTML page. Use when asked to create, write, or send the weekly newsletter or a music-news roundup.

langchain-ai Skill

Produce the weekly 'This Week in Music' customer newsletter by researching the distributor's top genres and assembling a styled HTML page. Use when asked to create, write, or send the weekly newsletter or a music-news roundup.

muhammadrivaldy Bundle

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

jchaselubitz Bundle

Configuring Progressive Web Apps (PWA) with Next.js App Router and Serwist for offline support, push notifications, and home screen installation.

pymodel Bundle

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

pymodel Bundle

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

pymodel Bundle

Pinia stores, state management patterns, store setup, and reactivity with stores (Pinia 2-4: store API unchanged; v4 is ESM-only and requires @vue/devtools-api as a peer dependency).

pymodel Bundle

Use for Vue.js testing. Covers Vitest 4, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

pymodel Bundle

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

kienhaminh Bundle

React and Next.js performance optimization guidelines from Vercel Engineering. Sub-skill of frontend-developer. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

farming-labs Skill

Configure the Ask AI (RAG-powered AI chat) in @farming-labs/docs. Use when enabling AI chat, setting mode (search vs floating), floatingStyle (panel, modal, popover, full-modal), position, providers, models, suggestedQuestions, apiKey, systemPrompt, or maxResults. Covers Next.js, SvelteKit, Astro, Nuxt and env vars.