Skip to main content
skillsmp

Menü

Frontend

Agent Skills für React, Vue, Angular und moderne Frontend-Entwicklung durchsuchen

Kategorien, GitHub-Sterne und der Zeitpunkt der letzten Quellaktualisierung ordnen den Katalog. Diese Signale sind weder eine Empfehlung noch eine Qualitätszertifizierung, Sicherheitsprüfung oder Eignungsgarantie. Prüfen Sie vor der Nutzung die Detailseite und die Quelle.

57.807 Ergebnisse

documentation-lookup
253.2k
affaan-maffaan-m/ECC
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).

Sprache des Skill-Inhalts: Englisch

frontend-patterns
253.2k
affaan-maffaan-m/ECC
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance.

Sprache des Skill-Inhalts: Englisch

documentation-lookup
253.2k
affaan-maffaan-m/ECC
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).

Sprache des Skill-Inhalts: Englisch

angular-developer
253.2k
affaan-maffaan-m/ECC
Angular コードを生成し、アーキテクチャ ガイダンスを提供します。プロジェクトの作成、コンポーネント、またはサービスを作成するとき、または反応性（シグナル、linkedSignal、リソース）、フォーム、依存性注入、ルーティング、SSR、アクセシビリティ（ARIA）、アニメーション、スタイリング（コンポーネント スタイル、Tailwind CSS）、テスト、または CLI ツール作成のベスト プラクティスについてトリガーされます。

Sprache des Skill-Inhalts: Japanisch

crosspost
253.2k
affaan-maffaan-m/ECC
X、LinkedIn、Threads、Bluesky間のマルチプラットフォームコンテンツ配布。content-engineパターンを使用してプラットフォームごとにコンテンツを適応します。同一コンテンツをクロスプラットフォームで投稿することはありません。コンテンツをソーシャルプラットフォーム間で配布したい場合に使用します。

Sprache des Skill-Inhalts: Japanisch

dart-flutter-patterns
253.2k
affaan-maffaan-m/ECC
本番環境対応のDartおよびFlutterパターンは、null安全性、不変状態、非同期構成、ウィジェットアーキテクチャ、人気のある状態管理フレームワーク（BLoC、Riverpod、Provider）、GoRouterナビゲーション、Dioネットワーキング、Freezedコード生成、クリーンアーキテクチャをカバー。

Sprache des Skill-Inhalts: Japanisch

frontend-patterns
253.2k
affaan-maffaan-m/ECC
React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン。

Sprache des Skill-Inhalts: Japanisch

remotion-video-creation
253.2k
affaan-maffaan-m/ECC
Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。

Sprache des Skill-Inhalts: Japanisch

vite-patterns
253.2k
affaan-maffaan-m/ECC
Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects.

Sprache des Skill-Inhalts: Japanisch

coding-standards
253.2k
affaan-maffaan-m/ECC
TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례 및 패턴.

Sprache des Skill-Inhalts: Koreanisch

coding-standards
253.2k
affaan-maffaan-m/ECC
适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

Sprache des Skill-Inhalts: Chinesisch

dart-flutter-patterns
253.2k
affaan-maffaan-m/ECC
生产就绪的 Dart 和 Flutter 模式，涵盖空安全、不可变状态、异步组合、Widget 架构、流行的状态管理框架（BLoC、Riverpod、Provider）、GoRouter 导航、Dio 网络请求、Freezed 代码生成和整洁架构。

Sprache des Skill-Inhalts: Chinesisch

frontend-patterns
253.2k
affaan-maffaan-m/ECC
React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

Sprache des Skill-Inhalts: Chinesisch

remotion-video-creation
253.2k
affaan-maffaan-m/ECC
Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则，涵盖 3D、动画、音频、字幕、图表、过渡等。

Sprache des Skill-Inhalts: Chinesisch

coding-standards
253.2k
affaan-maffaan-m/ECC
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

Sprache des Skill-Inhalts: Chinesisch

frontend-patterns
253.2k
affaan-maffaan-m/ECC
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Sprache des Skill-Inhalts: Chinesisch

coding-standards
253.2k
affaan-maffaan-m/ECC
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

Sprache des Skill-Inhalts: Englisch

frontend-patterns
253.2k
affaan-maffaan-m/ECC
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Sprache des Skill-Inhalts: Englisch

react-patterns
253.2k
affaan-maffaan-m/ECC
React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and accessibility-first composition. Use when writing or reviewing React components.

Sprache des Skill-Inhalts: Englisch

angular-developer
253.2k
affaan-maffaan-m/ECC
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.

Sprache des Skill-Inhalts: Englisch

documentation-lookup
253.2k
affaan-maffaan-m/ECC
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).

Sprache des Skill-Inhalts: Englisch

frontend-a11y
253.2k
affaan-maffaan-m/ECC
Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.

Sprache des Skill-Inhalts: Englisch

frontend-patterns
253.2k
affaan-maffaan-m/ECC
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance.

Sprache des Skill-Inhalts: Englisch

motion-advanced
253.2k
affaan-maffaan-m/ECC
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations. Use when building drag and drop, gestures, text or SVG animation, or imperative animation sequences in React or Next.js.

Sprache des Skill-Inhalts: Englisch

motion-foundations
253.2k
affaan-maffaan-m/ECC
Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.

Sprache des Skill-Inhalts: Englisch

motion-patterns
253.2k
affaan-maffaan-m/ECC
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.

Sprache des Skill-Inhalts: Englisch

motion-ui
253.2k
affaan-maffaan-m/ECC
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.

Sprache des Skill-Inhalts: Englisch

react-native-patterns
253.2k
affaan-maffaan-m/ECC
React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching with Zod, performant lists, NativeWind/StyleSheet styling, native APIs, and secure storage. Use when building or editing React Native / Expo screens, components, navigation, or data layers.

Sprache des Skill-Inhalts: Englisch

react-patterns
253.2k
affaan-maffaan-m/ECC
React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and accessibility-first composition. Use when writing or reviewing React components.

Sprache des Skill-Inhalts: Englisch

react-performance
253.2k
affaan-maffaan-m/ECC
React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organizes 70+ rules across 8 priority categories — waterfalls, bundle size, server-side, client fetching, re-render, rendering, JS micro-perf, advanced. Use when writing, reviewing, or refactoring React/Next.js code for performance.

Sprache des Skill-Inhalts: Englisch

remotion-video-creation
253.2k
affaan-maffaan-m/ECC
Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more. Use when building video in React with Remotion — animations, audio, captions, charts, or transitions.

Sprache des Skill-Inhalts: Englisch

ui-to-vue
253.2k
affaan-maffaan-m/ECC
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.

Sprache des Skill-Inhalts: Englisch

vite-patterns
253.2k
affaan-maffaan-m/ECC
Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects.

Sprache des Skill-Inhalts: Englisch

extract-errors
249.2k
reactreact/react
Use when adding new error messages to React, or seeing "unknown error code" warnings.

Sprache des Skill-Inhalts: Englisch

flow
249.2k
reactreact/react
Use when you need to run Flow type checking, or when seeing Flow type errors in React code.

Sprache des Skill-Inhalts: Englisch

test
249.2k
reactreact/react
Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.

Sprache des Skill-Inhalts: Englisch

tldraw-offline
243.2k
NousResearchNousResearch/hermes-agent
Drive and script tldraw offline canvases with an agent.

Sprache des Skill-Inhalts: Englisch

touchdesigner-mcp
243.2k
NousResearchNousResearch/hermes-agent
Control TouchDesigner via twozero MCP.

Sprache des Skill-Inhalts: Englisch

gif-search
243.2k
NousResearchNousResearch/hermes-agent
Search/download GIFs from Tenor via curl + jq.

Sprache des Skill-Inhalts: Englisch

web-artifacts-builder
175.1k
anthropicsanthropics/skills
Suite of tools for creating elaborate, multi-component claude.ai 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.

Sprache des Skill-Inhalts: Englisch

how-to-write-component
154.9k
langgeniuslanggenius/dify
Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries, state, data flow, effects, or interaction ownership. Do not use for review-only requests, test-only work, copy-only edits, or styling-only changes.

Sprache des Skill-Inhalts: Englisch

frontend-query-mutation
154.6k
langflow-ailangflow-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.

Sprache des Skill-Inhalts: Englisch

react-sync
142.2k
vercelvercel/next.js
Build local React changes in the bundle variants consumed by Next.js, sync them into a local Next.js checkout, and test the resulting integration. Use when working on React changes that need validation in Next.js, or when asked to run buildForNext, pnpm sync-react, or synchronize a React checkout with Next.js.

Sprache des Skill-Inhalts: Englisch

react-vendoring
142.2k
vercelvercel/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.

Sprache des Skill-Inhalts: Englisch

design-html
132.0k
garrytangarrytan/gstack
Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

Sprache des Skill-Inhalts: Englisch

ui-styling
125.9k
nextlevelbuildernextlevelbuilder/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.

Sprache des Skill-Inhalts: Englisch

ui-styling
125.9k
nextlevelbuildernextlevelbuilder/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.

Sprache des Skill-Inhalts: Englisch

migrate-radix-to-base
123.3k
shadcn-uishadcn-ui/ui
Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.

Sprache des Skill-Inhalts: Englisch