Motivation

• Replace the external slugify usage with an inline normalization to ensure skill names are consistently formatted client-side before validation.
• Enforce the allowed character set and hyphen rules early so the validateSkillName check receives normalized input.

Description

• Removed the slugify import and updated the onChange for the name Input to perform inline normalization.
• The new normalization lowercases the string, converts underscores to hyphens, removes invalid characters, collapses repeated spaces/hyphens into single hyphens, and trims leading/trailing hyphens.
• Existing validation via validateSkillName and error UI are unchanged and still applied after normalization.

Testing

• Ran the frontend type-check and build (pnpm build) to verify there are no TypeScript or bundling errors, and the build succeeded.
• Ran the frontend unit tests (pnpm test) and the test suite passed.

Codex Task

Summary by cubic

Normalize skill name input inline with Unicode support to enforce kebab-case before validation. Strips diacritics so accented names like “Café Tools” become “cafe-tools”, ensuring validateSkillName always receives normalized input.

• Bug Fixes
  • Replaced slugify with inline normalization in the name input’s onChange.
  • Added Unicode NFKD normalization and diacritic stripping; rules: lowercase, _→-, remove invalid chars, collapse spaces/hyphens to -, trim edges.
  • Added test for accented input; validation via validateSkillName and error UI remain unchanged.

^{Written for commit 745409b. Summary will update on new commits.}