SkillsAdd

Source

grahamcrackers/skills

30 skills · 371 combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
bulletproof-react-patterns Bulletproof React architecture patterns for scalable, maintainable applications.
grahamcrackers/skills
102
2
react-aria-components React Aria Components patterns for building accessible, unstyled UI with composition-based architecture. Covers compo…
grahamcrackers/skills
24
3
typescript-best-practices Core TypeScript conventions for type safety, inference, and clean code. Use when writing TypeScript, reviewing TypeSc…
grahamcrackers/skills
19
4
clean-code-principles Clean code principles for readable, maintainable TypeScript and React codebases.
grahamcrackers/skills
16
5
react-best-practices Modern React 19 patterns for components, hooks, state management, performance, and project structure. Use when writin…
grahamcrackers/skills
15
6
tanstack-query TanStack Query v5 patterns for server state management, caching, mutations, optimistic updates, and query organizatio…
grahamcrackers/skills
12
7
git-conventions Git conventions for teams including conventional commits, branching strategies, PR workflows, merge strategies, and c…
grahamcrackers/skills
11
8
tailwindcss Tailwind CSS v4 best practices including CSS-native configuration, theme variables, modern utilities, and migration p…
grahamcrackers/skills
11
9
react-hook-form React Hook Form patterns for performant, type-safe forms with Zod validation, field arrays, multi-step forms, and con…
grahamcrackers/skills
10
10
zod-validation Zod schema validation patterns for TypeScript, including API response parsing, form validation, environment variables…
grahamcrackers/skills
10
11
typescript-advanced-patterns Advanced TypeScript type-level patterns including generics, branded types, discriminated unions, template literals, c…
grahamcrackers/skills
9
12
zustand Zustand state management patterns for React including store design, selectors, slices, middleware (immer, persist, de…
grahamcrackers/skills
9
13
accessibility-patterns Web accessibility (a11y) patterns for WCAG compliance, ARIA usage, semantic HTML, keyboard navigation, and focus mana…
grahamcrackers/skills
8
14
security-patterns Frontend security patterns including XSS prevention, Content Security Policy, CSRF protection, input sanitization, au…
grahamcrackers/skills
8
15
tsdown tsdown patterns for bundling TypeScript and JavaScript libraries powered by Rolldown.
grahamcrackers/skills
8
16
vite Vite configuration patterns for React and TypeScript projects including plugins, environment variables, proxy setup, …
grahamcrackers/skills
8
17
vitest-testing Vitest and Testing Library patterns for unit, component, and integration tests in TypeScript and React projects. Cove…
grahamcrackers/skills
8
18
github-actions GitHub Actions best practices for CI/CD workflows including job structure, caching, reusable workflows, composite act…
grahamcrackers/skills
7
19
modern-css Modern CSS features and patterns including cascade layers, container queries, :has(), @scope, view transitions, ancho…
grahamcrackers/skills
7
20
msw Mock Service Worker (MSW) patterns for API mocking in development and testing. Covers request handlers, response mock…
grahamcrackers/skills
7
21
playwright Playwright patterns for end-to-end testing including page object model, fixtures, locators, assertions, API testing, …
grahamcrackers/skills
7
22
state-machines XState v5 patterns for state machines and statecharts in React including machine design, actors, guards, actions, ser…
grahamcrackers/skills
7
23
storybook Storybook 8 patterns for component-driven development including writing stories, args and controls, interaction testi…
grahamcrackers/skills
7
24
tanstack-router TanStack Router patterns for type-safe routing in React including file-based routes, search params validation, data l…
grahamcrackers/skills
7
25
tanstack-table TanStack Table v8 patterns for building headless, type-safe tables in React with sorting, filtering, pagination, and …
grahamcrackers/skills
7
26
changesets Changesets best practices for versioning, changelogs, and publishing npm packages in single-package and monorepo proj…
grahamcrackers/skills
6
27
react-router React Router v7 patterns for client-side routing including nested routes, loaders, actions, route params, search para…
grahamcrackers/skills
6
28
eslint-9 ESLint 9 flat config patterns for JavaScript and TypeScript projects.
grahamcrackers/skills
5
29
framer-motion Framer Motion animation patterns for React including transitions, variants, layout animations, AnimatePresence, gestu…
grahamcrackers/skills
5
30
web-performance Web performance optimization patterns including Core Web Vitals, bundle analysis, lazy loading, image optimization, c…
grahamcrackers/skills
5