Frontend Patterns
affaan-m/ECC/pi/core/skills/frontend-patternsby affaan-mef648e01899ba3e8dc6371642deaaf64b4477775No license275K starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 4 days ago
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.
- ef648e01899ba3e8dc6371642deaaf64b4477775Currentcommit ef648e0Published Oct 9, 2026
Source and attribution
Source:affaan-m/ECCinpi/core/skills/frontend-patternsat commitef648e0
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from affaan-m/ECC
Unified Notifications Ops
affaan-m
Designs a unified notification policy that classifies, routes, deduplicates and escalates alerts across GitHub, Linear, hooks and chat.
Verification Loop
affaan-m
Runs a six-phase code verification loop and produces a PASS/FAIL readiness report.
Ui To Vue
affaan-m
Converts batches of UI design screenshots into Vue 3 components using Vant, Element Plus, or Ant Design Vue.
Unified Memory
affaan-m
Guides agents in sharing durable context and handoffs between harnesses through the local ECC Memory Vault.
Visa Doc Translate
affaan-m
OCR-translates visa document images into English and produces a bilingual PDF with the original image and translation.
Team Builder
affaan-m
Interactive picker that discovers agent personas, lets a user select up to five, runs them in parallel on one task, and synthesizes the results.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.