القائمة
Enforce Storybook coverage expectations for visual components and subcomponents in src/components and src/patterns with explicit parent-coverage exceptions.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.
Find and prioritize branch-coverage weak spots from Vitest reports, then propose targeted tests that improve confidence without broad churn.
Keep TS/TSX/JS/JSX modules under the 200-line AGENTS.md guideline by splitting large components into focused hooks, view parts, and utilities without behavior regressions.
Enforce repo JSX rendering conventions by replacing condition-and patterns with explicit ternary-plus-null rendering where appropriate.
Normalize TypeScript import style and type usage to repo conventions including type-only imports, import ordering, and Array generic preference.
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.
| name | storybook-coverage-enforcer |
| description | Enforce Storybook coverage expectations for visual components and subcomponents in src/components and src/patterns with explicit parent-coverage exceptions. |
| risk | safe |
| source | self |
| date_added | 2026-05-06 |
Use this skill to find and close Storybook coverage gaps while avoiding noisy false positives on internal subcomponents.
*.stories.tsx coverage.This repo values co-located stories, but internal leaf components are often documented through parent stories. Enforcement should support explicit, documented exceptions.
src/components/** and src/patterns/** TSX modules.requires_story: public/visual componentcovered_by_parent: internal subcomponent with parent story coverageno_story_needed: non-visual or infrastructure-only modulecovered_by_parent, require explicit note in audit output naming the parent story.requires_story, create or update co-located stories with meaningful states.npm run formatnpm run lintFoo.tsx needs Foo.stories.tsx without classification.