메뉴
On every page where a password can be set or updated, include the PasswordStrengthMeter component.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
When changing API routes, auth, or env-dependent behavior, add or update the corresponding integration tests and keep the test file layout consistent.
When adding or changing files under infra/k8s/ or sync targets for k8s, know what Argo CD syncs and remind the user to push to Git so the cluster can sync.
Keeps tools/generate-data seeders and docs in sync when main or management DB schema or ORM entities change. Use when adding or changing tables/entities in packages/orm, packages/management-orm, or infra database migrations.
When changing DB schema or permission dimensions, consider predefined roles and bucket_role / role-related code.
Use when adding or changing environment variables, infra/env/classification YAML, scripts/env-classification, K8s env render, or local env generation.
Common patterns for the Boilerplate HTTP API (Express)
| name | password-strength-on-set-update |
| description | On every page where a password can be set or updated, include the PasswordStrengthMeter component. |
When to use: When adding or changing any form or page where a user can set a new password or update their password (signup, create user, create admin, change password, reset password, etc.).
Include the PasswordStrengthMeter component (from @boilerplate/ui) on every page where a password can be set or updated:
<PasswordStrengthMeter password={newPassword} />.password !== ''). When empty, the component still shows requirements and an empty bar so the user sees it is present; when they type, the strength updates. Hiding the meter when the field is empty makes the page look like it has no strength indicator.packages/ui/src/components/form/PasswordStrengthMeter/UserForm.tsx, AdminForm.tsx, SignupForm.tsx, ResetPasswordForm.tsx, SettingsContent.tsx, SettingsPageContent.tsx.