Skip to main content

$cd/occupations $watchstats $mandocs

在 Manus 中运行任何 Skill
一键导入

一键在 Manus 中运行任何 Skill

$ cat README.md

# Skills Marketplace

发现并探索由社区构建的 Agent Skills

$ git remote -v

Twitter
Reddit

$ ls ./资源/

📚Skills 文档
📄Skill 文档
📁官方 Skills
📄Codex Skills 文档
📋Agent Skills 规范

$ ls ./法律信息/

📄关于我们
📋更新日志
🔒隐私政策
📜服务条款

onlinev0.1.0Skill Marketplace

© 2026 不隶属于 Anthropic

一键运行任何 Skill

$pwd:

~
/
categories
/
frontend

前端开发

浏览 React、Vue、Angular 和现代前端开发的 agent skills。构建响应式 UI、管理复杂状态并优化前端性能。

extract-errors.md

from "facebook/react"

Use when adding new error messages to React, or seeing "unknown error code" warnings.

coding-standards.md

from "affaan-m/everything-claude-code"

Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.

coding-standards.md

from "affaan-m/everything-claude-code"

Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.

documentation-lookup.md

from "affaan-m/everything-claude-code"

Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).

frontend-patterns.md

from "affaan-m/everything-claude-code"

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

documentation-lookup.md

from "affaan-m/everything-claude-code"

Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).

frontend-patterns.md

from "affaan-m/everything-claude-code"

React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン。

coding-standards.md

from "affaan-m/everything-claude-code"

TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례 및 패턴.

frontend-patterns.md

from "affaan-m/everything-claude-code"

React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

coding-standards.md

from "affaan-m/everything-claude-code"

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

frontend-patterns.md

from "affaan-m/everything-claude-code"

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

coding-standards.md

from "affaan-m/everything-claude-code"

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

frontend-patterns.md

from "affaan-m/everything-claude-code"

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

frontend-patterns.md

from "affaan-m/everything-claude-code"

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

remotion-video-creation.md

from "affaan-m/everything-claude-code"

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more.

frontend-query-mutation.md

from "langflow-ai/langflow"

Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5. Trigger when creating or updating API hooks in controllers/API/queries, consuming UseRequestProcessor in components, deciding whether to use useQuery or useMutation, handling conditional queries, cache invalidation, mutation error handling, or migrating legacy API calls to the query hook pattern.

react-vendoring.md

from "vercel/next.js"

React vendoring and react-server layer boundaries. Use when editing entry-base.ts, $$compiled.internal.d.ts, compiled/react* packages, or taskfile.js copy_vendor_react. Covers the entry-base.ts boundary (all react-server-dom-webpack/* imports must go through it), vendored React channels, type declarations, Turbopack remap to react-server-dom-turbopack, ComponentMod access patterns, and ESLint suppression for guarded requires.

studio-best-practices.md

from "supabase/supabase"

React and TypeScript best practices for Supabase Studio. Use when writing or reviewing Studio components — covers boolean naming, component structure, loading/error states, state management, custom hooks, event handlers, conditional rendering, performance, and TypeScript conventions.

studio-queries.md

from "supabase/supabase"

React Query conventions for data fetching in Supabase Studio. Use when writing or reviewing query hooks, mutation hooks, or query keys in apps/studio/data/. Covers queryOptions pattern, keys.ts structure, mutation hook template, and imperative fetching.

use-static-effect-event.md

from "supabase/supabase"

useStaticEffectEvent hook in Supabase Studio — a userland polyfill for React's useEffectEvent. Use when you need to read latest state/props inside a useEffect without re-triggering it, or when stale closures in Effects are causing bugs.

vercel-composition-patterns.md

from "supabase/supabase"

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

angular-developer.md

from "angular/angular"

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.

from "NousResearch/hermes-agent"

Search and download GIFs from Tenor using curl. No dependencies beyond curl and jq. Useful for finding reaction GIFs, creating visual content, and sending GIFs in chat.

from "lobehub/lobehub"

Internationalization guide using react-i18next. Use when adding translations, creating i18n keys, or working with localized text in React components (.tsx files). Triggers on translation tasks, locale management, or i18n implementation.

from "lobehub/lobehub"

MUST use when creating, editing, or writing modal dialogs or imperative modals. Prefer createModal / useModalContext / confirmModal from @lobehub/ui/base-ui; root @lobehub/ui is legacy (antd Modal). Covers patterns, ModalHost, and migration notes.

from "lobehub/lobehub"

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

from "lobehub/lobehub"

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

ckmui-styling.md

from "nextlevelbuilder/ui-ux-pro-max-skill"

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

ui-ux-pro-max.md

from "nextlevelbuilder/ui-ux-pro-max-skill"

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.

from "remix-run/react-router"

Fix a reported bug in React Router from a GitHub issue. Use when the user provides a GitHub issue URL and asks to fix a bug, investigate an issue, or reproduce a problem. Handles the full workflow: fetching the issue, finding the reproduction, writing a failing test, and implementing the fix.

laravel-actions.md

from "coollabsio/coolify"

Build, refactor, and troubleshoot Laravel Actions using lorisleiva/laravel-actions. Use when implementing reusable action classes (object/controller/job/listener/command), converting service classes/controllers/jobs into actions, orchestrating workflows via faked actions, or debugging action entrypoints and wiring.

context7-mcp.md

from "upstash/context7"

This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.

emotion-migrate.md

from "metabase/metabase"

Migrate Emotion styled-components to Mantine components with style props and CSS modules. Use when converting .styled.tsx files or removing @emotion imports from components.

from "remotion-dev/remotion"

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

design-system.md

from "getsentry/sentry"

Guide for using Sentry's layout and text primitives. Use when implementing UI components, layouts, or typography. Enforces use of core components over styled components.

client-setup.md

from "trpc/trpc"

Create a vanilla tRPC client with createTRPCClient<AppRouter>(), configure link chain with httpBatchLink/httpLink, dynamic headers for auth, transformer on links (not client constructor). Infer types with inferRouterInputs and inferRouterOutputs. AbortController signal support. TRPCClientError typing.

react-query-classic-migration.md

from "trpc/trpc"

Migrate from @trpc/react-query (classic) to @trpc/tanstack-react-query. Run npx @trpc/upgrade CLI for automated codemod. Manually migrate remaining patterns: hook-based to options-factory, utils.invalidate to queryClient.invalidateQueries with queryFilter, provider changes.

react-query-setup.md

from "trpc/trpc"

Set up @trpc/tanstack-react-query with createTRPCContext(), TRPCProvider, useTRPC() hook, queryOptions/mutationOptions factories, query invalidation via queryClient.invalidateQueries with queryFilter, and type inference with inferInput/inferOutput.

physics-matter.md

from "phaserjs/phaser"

Use this skill when using Matter.js physics in Phaser 4. Covers rigid bodies, constraints, composite bodies, sensors, collision filtering, world configuration, and advanced physics shapes. Triggers on: Matter, matter physics, constraint, joint, rigid body, sensor.

scale-and-responsive.md

from "phaserjs/phaser"

Use this skill when making a Phaser 4 game responsive or handling display scaling. Covers ScaleManager, scale modes (FIT, RESIZE, EXPAND, ENVELOP), auto-center, fullscreen, and browser resize handling. Triggers on: ScaleManager, responsive, resize, fullscreen, FIT, scale mode.

from "moeru-ai/airi"

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

from "moeru-ai/airi"

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

vueuse-functions.md

from "moeru-ai/airi"

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

angular-migration.md

from "wshobson/agents"

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.

react-modernization.md

from "wshobson/agents"

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

nextjs-app-router-patterns.md

from "wshobson/agents"

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

react-native-architecture.md

from "wshobson/agents"

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

react-state-management.md

from "wshobson/agents"

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.