sf-audit-components
OfficialAssess component architecture for modern best practices
Authordiane-defores
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers evaluate the internal architecture of component systems, identifying duplication, poorly designed abstractions, and opportunities for modernization.
Core Features & Use Cases
- Component Inventory: Categorizes components into atomic design levels such as atoms, molecules, and organisms.
- Duplication Detection: Finds similar or duplicate components to promote reuse.
- God Component Flagging: Identifies components with excessive props or responsibilities.
- Unused Component Identification: Detects components imported nowhere in the codebase.
- Abstraction Quality Review: Flags premature or incorrect abstractions, following AHA rules.
- Variant System Assessment: Recommends adopting class-variance-authority or similar for styling variants.
- Headless Primitive Evaluation: Flags custom components that should switch to headless libraries.
- Composition vs Configuration: Detects components that should leverage composition over extensive props.
- API Hygiene: Reviews naming conventions, prop types, defaults, controlled/uncontrolled patterns, and ref forwarding.
Quick Start
Analyze your project’s component architecture to improve reusability, consistency, and accessibility without modifying code directly.
Dependency Matrix
Required Modules
None requiredComponents
referencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: sf-audit-components Download link: https://github.com/diane-defores/shipflow/archive/main.zip#sf-audit-components Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.