Frontend

Quelleaffaan-m/ECC/docs/ja-JP/skills/crosspost/SKILL.md

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

Sprache des Skill-Inhalts: Japanisch

crosspost

Aktualisiert2026-05-17

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

Sprache des Skill-Inhalts: Japanisch

dart-flutter-patterns

Quelleaffaan-m/ECC/docs/ja-JP/skills/dart-flutter-patterns/SKILL.md

Aktualisiert2026-05-17

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

Sprache des Skill-Inhalts: Japanisch

frontend-patterns

Quelleaffaan-m/ECC/docs/ja-JP/skills/frontend-patterns/SKILL.md

Quelleaffaan-m/ECC/docs/ja-JP/skills/remotion-video-creation/SKILL.md

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

Sprache des Skill-Inhalts: Japanisch

remotion-video-creation

Quelleaffaan-m/ECC/docs/ja-JP/skills/vite-patterns/SKILL.md

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

Sprache des Skill-Inhalts: Japanisch

vite-patterns

Aktualisiert2026-05-17

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

Quelleaffaan-m/ECC/docs/ko-KR/skills/coding-standards/SKILL.md

Aktualisiert2026-03-30

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

Sprache des Skill-Inhalts: Koreanisch

coding-standards

Quelleaffaan-m/ECC/docs/zh-CN/skills/coding-standards/SKILL.md

Quelleaffaan-m/ECC/docs/zh-CN/skills/dart-flutter-patterns/SKILL.md

适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

Sprache des Skill-Inhalts: Chinesisch

dart-flutter-patterns

Aktualisiert2026-05-11

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

Sprache des Skill-Inhalts: Chinesisch

frontend-patterns

Quelleaffaan-m/ECC/docs/zh-CN/skills/frontend-patterns/SKILL.md

Quelleaffaan-m/ECC/docs/zh-CN/skills/remotion-video-creation/SKILL.md

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

Sprache des Skill-Inhalts: Chinesisch

remotion-video-creation

Quelleaffaan-m/ECC/docs/zh-TW/skills/coding-standards/SKILL.md

Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则，涵盖 3D、动画、音频、字幕、图表、过渡等。

Sprache des Skill-Inhalts: Chinesisch

coding-standards

Aktualisiert2026-03-30

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

Sprache des Skill-Inhalts: Chinesisch

frontend-patterns

Quelleaffaan-m/ECC/docs/zh-TW/skills/frontend-patterns/SKILL.md

Quelleaffaan-m/ECC/.kiro/skills/coding-standards/SKILL.md

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

Sprache des Skill-Inhalts: Chinesisch

coding-standards

Quelleaffaan-m/ECC/.kiro/skills/frontend-patterns/SKILL.md

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

Sprache des Skill-Inhalts: Englisch

frontend-patterns

Quelleaffaan-m/ECC/.kiro/skills/react-patterns/SKILL.md

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

Sprache des Skill-Inhalts: Englisch

react-patterns

Quelleaffaan-m/ECC/pi/core/skills/angular-developer/SKILL.md

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

Quelleaffaan-m/ECC/pi/core/skills/frontend-a11y/SKILL.md

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

frontend-a11y

Quelleaffaan-m/ECC/pi/core/skills/frontend-patterns/SKILL.md

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building or reviewing forms, modals, dropdowns, tooltips, or tabs, fixing a11y lint or code-review findings, or wiring up keyboard navigation and focus management.

Sprache des Skill-Inhalts: Englisch

frontend-patterns

Quelleaffaan-m/ECC/pi/core/skills/motion-advanced/SKILL.md

Sprache des Skill-Inhalts: Englisch

motion-advanced

Quelleaffaan-m/ECC/pi/core/skills/motion-foundations/SKILL.md

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

Quelleaffaan-m/ECC/pi/core/skills/motion-patterns/SKILL.md

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

Quelleaffaan-m/ECC/pi/core/skills/react-native-patterns/SKILL.md

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

react-native-patterns

Quelleaffaan-m/ECC/pi/core/skills/react-patterns/SKILL.md

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

Quelleaffaan-m/ECC/pi/core/skills/react-performance/SKILL.md

Sprache des Skill-Inhalts: Englisch

react-performance

Quelleaffaan-m/ECC/pi/core/skills/vite-patterns/SKILL.md

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

vite-patterns

Quelleaffaan-m/ECC/skills/documentation-lookup/SKILL.md

Sprache des Skill-Inhalts: Englisch

documentation-lookup

Aktualisiert2026-06-11

Sprache des Skill-Inhalts: Englisch

remotion-video-creation

Quelleaffaan-m/ECC/skills/remotion-video-creation/SKILL.md

Aktualisiert2026-10-20

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

taste

Quelleaffaan-m/ECC/skills/taste/SKILL.md

Aktualisiert2026-09-27

Creative-direction layer for music videos and short-form edits in the angelcore / cloud-trance / hyperpop family — a named-genre aesthetic vocabulary, mood + color + light system, beat-synced editing grammar, and a pipeline chaining ECC's video skills from b-roll generation to distribution. Use when a video must feel intentional rather than merely functional — music videos, fancams, moodboard-driven reels, or giving AI-generated b-roll a coherent visual direction.

Sprache des Skill-Inhalts: Englisch

ui-to-vue

Quelleaffaan-m/ECC/skills/ui-to-vue/SKILL.md

Aktualisiert2026-06-11

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

tldraw-offline

QuelleNousResearch/hermes-agent/optional-skills/creative/tldraw-offline/SKILL.md

Aktualisiert2026-08-12

Drive and script tldraw offline canvases with an agent.

Sprache des Skill-Inhalts: Englisch

gif-search

QuelleNousResearch/hermes-agent/optional-skills/media/gif-search/SKILL.md