westpacgel

@westpacgel source repo

7 skills
0 followers
18 hours ago last updated

▌
Using Westpac UI · westpacgel bundle
Guides consumers of the @westpac/ui component library on correct usage, capabilities, and patterns. Use when asking how to use a GEL component, whether a component supports a feature, or how to implement a UI pattern with @westpac/ui.

0
installs
▌
Vercel React Best Practices · westpacgel bundle
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

0
installs
▌
Writing Gel Tests · westpacgel
Writes Vitest + React Testing Library tests for GEL design system components. Use when writing tests, adding tests, or improving test coverage for components in packages/ui.

0
installs
▌
Installing Westpac UI · westpacgel
Guides setup and installation of @westpac/ui and @westpac/style-config in a new project. Use when setting up GEL, installing the design system, configuring Tailwind CSS, theming, or brand fonts.

0
installs
▌
Creating Gel Component · westpacgel
Scaffolds a new GEL design system UI component following project conventions. Use when creating a new component, adding a component, or scaffolding a component in packages/ui.

0
installs
▌
Migrating To Westpac UI V1 · westpacgel
Guides migration from pre-@westpac/ui 1.0 to v1.0. Use when upgrading GEL, migrating to v1, updating design tokens, running the token codemod, or fixing breaking changes from the v1 upgrade.

0
installs
▌
Reviewing Gel Component · westpacgel
Reviews GEL design system components for convention compliance, accessibility, and best practices. Use when reviewing a component, checking component quality, or auditing GEL components.

0
installs

7 published skills