A collaboration with Proof · 1 public repo per week

Are you an open source maintainer? We can help your project.

Completely free for open source repositories.

Proof turns your repository into a graph of requirements that humans and agents can both use. It finds as many bugs as it can, and gives you the tools to triage GitHub issues and pull requests from contributors — including community bug reports and security reports.

SCSS good first issues

68 open SCSS issues currently match the default 10+ star filter. Scored difficulty: 5,947 at 1/5, 8,791 at 2/5, 12,710 at 3/5, 12,148 at 4/5, 859 at 5/5. This hub uses the same feed as the homepage, limited to repositories whose GitHub language is SCSS.

All languages · Browse projects · How to find good first issues

Active filters:Language: SCSS • Stars: 10+ Stars
Filters trigger API requests for better performance

Showing 30 of 68 opportunities to contribute from the last 5 days

AI Summary: This issue proposes replacing the unreliable, mocha-based build test with a deterministic smoke test in the release preparation workflow. The new test will verify the presence of the correct version string in CSS files and ensure the compiled CSS is not empty, preventing releases with faulty builds.

Complexity:3/5
Affects: TestingAffects: AutomationAffects: BuildGood first issueHelp wanted

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue proposes replacing deprecated `MediaQueryList.addListener()` and `.removeListener()` methods with the standard `addEventListener()` and `removeEventListener()` in the `usa-footer` package. This change is necessary because the older methods are deprecated and `MediaQueryList` now inherits from `EventTarget`, making the standard methods universally supported in the project's target browsers.

Complexity:1/5
Context: JavaScriptPackage: FooterGood first issue

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue proposes adding the "type": "module" field to the root package.json to standardize JavaScript module handling within the repository. This change is internal and won't affect consumers, but requires updating Vite configuration files to correctly handle the new module type and removing redundant per-directory package.json files.

Complexity:2/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue proposes renaming several Node.js CommonJS tooling files to use the `.cjs` extension. The goal is to explicitly declare their module format by filename, rather than relying on the absence of a `"type": "module"` field in `package.json`. This is an optional, purely cosmetic change that does not affect functionality and can be done at any time.

Complexity:2/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is the final step in the CommonJS-to-ESM migration for USWDS JavaScript. It involves removing an obsolete Storybook transform plugin, enforcing stricter linting rules that were relaxed during the migration, and updating outdated documentation. The work is dependent on other specific migration issues being merged and released.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is the second part of a larger effort to convert JavaScript modules in the uswds-core package from CommonJS to ESM. It specifically targets remaining 'leaf' utility modules and a shared test helper, requiring adherence to strict conversion rules and dependencies on previously merged issues.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is part one of a two-part effort to migrate six core JavaScript utility modules from CommonJS to ESM. It requires specific preceding issues to be merged and released, and adheres to strict conversion rules for imports and destructuring to ensure compatibility with both CommonJS and ESM targets.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue involves converting two JavaScript files (`config.js` and `events.js`) from CommonJS to ESM format within the USWDS project. The goal is to add named exports alongside existing default exports, as part of a larger migration effort. Crucially, existing code that uses default imports should not be refactored to use named imports.

Complexity:2/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue involves converting four JavaScript utility modules (`focus-trap`, `select-or-matches`, `toggle-form-input`, `validate-input`) and their tests from CommonJS to ESM. This is part of a larger migration effort and has specific prerequisites regarding other merged issues and package export configurations.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is part of a larger migration to convert USWDS JavaScript components from CommonJS to ESM. Specifically, it requires converting the `usa-skipnav` and `usa-table` components and their tests. Developers must adhere to strict conversion rules and ensure a prerequisite issue is merged and released before starting.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue involves converting three JavaScript components (`usa-character-count`, `usa-footer`, and `usa-search`) from CommonJS to ESM. This is part of a larger migration effort and requires careful adherence to specific conversion rules to ensure compatibility with both CommonJS and ESM modules.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is part of a larger effort to migrate the USWDS JavaScript codebase from CommonJS to ECMAScript Modules (ESM). Specifically, it requires converting the source code and tests for the `usa-accordion`, `usa-banner`, and `usa-button` components to ESM. Developers must adhere to specific conversion rules and ensure prerequisite issues are merged and released before starting.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is part of a larger migration to convert the USWDS JavaScript components from CommonJS to ESM. Specifically, it requires converting the source code and tests for `usa-range`, `usa-tooltip`, and `usa-validation` to use ESM syntax. Developers must adhere to specific conversion rules and ensure a prerequisite issue is merged and released before starting.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is part of a larger migration to convert USWDS JavaScript components from CommonJS to ESM. Specifically, it requires converting the `usa-input-mask` and `usa-language-selector` components and their tests. Developers must ensure a prerequisite issue related to package exports is merged and released before starting, and follow specific conversion rules for imports.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue involves converting three specific JavaScript components (usa-password, usa-file-input, and usa-in-page-navigation) from CommonJS to ESM. This is part of a larger migration effort to modernize the codebase. Developers must adhere to specific conversion rules and ensure a prerequisite issue is merged before starting.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is part of a larger migration to convert the USWDS JavaScript components from CommonJS to ESM. Specifically, it requires converting the `usa-header` component's source and tests, as well as the spec files for `usa-nav`. Developers must wait for another specific issue (#6852) to be merged and released before starting this task.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue is part of a larger migration to convert JavaScript components from CommonJS to ESM. Specifically, it requires converting the `usa-combo-box` and `usa-modal` components and their tests to ESM. This needs to be done in a single pull request to avoid breaking the build process due to interdependencies between these two components.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue involves converting the `usa-date-picker` JavaScript component from CommonJS to ESM. It's part of a larger migration effort and requires specific steps to ensure compatibility with existing consumers, including adding named re-exports for certain functions. The conversion should only begin after a related package export issue has been merged and released.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue involves converting the `usa-time-picker` JavaScript component from CommonJS to ESM. It's part of a larger migration effort and has specific prerequisites regarding package exports and dependencies that must be addressed first. The conversion follows strict rules for handling imports and destructuring.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue involves converting the `usa-date-range-picker` JavaScript component from CommonJS to ESM. It's part of a larger migration effort and has specific prerequisites regarding package exports and conversion order. The conversion follows strict rules for handling default imports and destructuring.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue involves converting two JavaScript files, `start.js` and `index.js`, from CommonJS to ECMAScript Modules (ESM) as part of a larger migration effort. The conversion is designed to be the safest first step, ensuring that downstream components are ESM-tolerant before they are modified. Specific conversion rules are provided for handling default imports and destructuring.

Complexity:2/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue requires updating the `package.json` `exports` field to point to built CommonJS artifacts instead of raw source files. This is a crucial first step in migrating from CommonJS to ESM, ensuring that future source code changes do not break existing consumer code.

Complexity:2/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue proposes adding a new Rollup build step to generate individual CommonJS files for each USWDS component and a component barrel. This is a preparatory step to address future changes in package exports, ensuring a smooth transition for CommonJS consumers without immediate user-facing impact.

Complexity:2/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue proposes replacing Browserify with Rollup as the JavaScript bundler for USWDS. The primary goal is to prepare the build process for future migration to ES Modules, as Browserify cannot currently handle ESM syntax. The source code will remain CommonJS for this change, and Babel and Uglify will be retained.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue aims to improve ESLint configuration to better detect mistakes when converting between CommonJS and ES Modules (ESM) in the USWDS project. It proposes restructuring the ESLint configuration to apply specific rules to ESM files, such as catching incorrect named imports from CommonJS modules and preventing import cycles.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

AI Summary: This issue proposes adding an automated test to verify the `package.json`'s `exports` map in the USWDS JavaScript package. The test will simulate how consumers import modules to ensure the exported paths resolve correctly, acting as a safety net for future changes that repoint exports from source to built artifacts.

Complexity:3/5
javascriptHelp wantedModernization

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

SCSS
#design#design-systems#government#uswds

Also browsing: Python , TypeScript , JavaScript