affaan-m/ecc
4 skills636 installs844k starsGitHub
Install
npx skills add https://github.com/affaan-m/eccSkills in this repo
1Everything Claude CodeEverything Claude Code is a meta agent skill that teaches Claude the conventions of the affaan-m/everything-claude-code GitHub repository—JavaScript structure, where tests live, and Conventional Commits derived from hundreds of historical messages. Solo maintainers and contributors invoke it when touching that codebase so feature work, docs, and fixes match established prefix and layout patterns instead of generic advice. It activates on repository changes, new features, test authoring, and commit formatting. The skill is not a general JavaScript style guide; it is tightly scoped to one open-source ECC workflow bundle. Pair it with your normal ship/review habits, but let this skill own commit shape and repo-specific module organization when the default prompt or description triggers.319installs2Vite PatternsVite Patterns is an agent skill for solo builders standardizing how they configure and debug Vite 8+ projects. It activates when you touch `vite.config.ts`, environment files, dev proxies, or production chunk strategy—exactly the moments where misconfiguration wastes an afternoon. The skill explains how dev mode serves unbundled ESM for fast cold starts and precise HMR, while build mode bundles with Rolldown (v7+) or Rollup (older lines) plus tree-shaking and Oxc minification. It also documents dependency pre-bundling via esbuild, shared dev/build plugins, and common production pitfalls. Use it while scaffolding a SaaS UI, a browser extension, or a CLI-adjacent web dashboard so your agent gives consistent, version-aware guidance instead of generic webpack-era advice.315installs3React PatternsReact Patterns is an agent skill from the ECC lineage that encodes idiomatic React 18 and 19 practices for solo builders shipping web apps with Claude Code, Cursor, or Codex. It activates when you write or modify function components, custom hooks, or full component trees, when you review TSX, when you design state shape, or when you migrate older effect-heavy code toward modern patterns. Coverage spans the idea that render should be a pure function of props and state—derive values during render instead of mirroring them in useState plus useEffect—along with Server and Client component boundaries, Suspense and error boundaries, controlled inputs versus React 19 actions, and wiring fetches with TanStack Query, SWR, or RSC. Use it during active frontend build work and again in ship-phase review whenever JSX quality, performance smell, or accessibility gaps need a structured pass. It is reference-style procedural knowledge, not a code generator: the agent applies checklists and examples while you stay in your repo.1installs4React Testingreact-testing is an ECC-originated agent skill for solo builders who want React coverage that survives refactors. It steers agents toward React Testing Library queries, realistic providers, and userEvent interactions while explicitly banning implementation-detail assertions and mocking React itself. The skill covers custom hook testing strategies, MSW for intercepting fetch without brittle fetch mocks, and axe for catching a11y regressions in the same run as behavior tests. It also documents when component tests should stay in RTL versus moving scenarios to Playwright Component Testing or full browser E2E—reducing duplicated suites and flaky CI. Activate it when adding tests to greenfield components, hardening legacy UI, or choosing a runner for a new Vite React repo. The outcome is tests that mirror production usage and fail only when user-visible behavior breaks.1installs