clean-code-ts-react
pproenca/dot-skillsUse when writing, reviewing, or refactoring TypeScript or React code for craftsmanship — naming, function and component shape, error handling, data modeling,…
Scores out of 100 · grade B+
2026-08-22Works
40% of the score100/100
- Loads cleanly: valid frontmatter, required fields present, no dangling references.
Maintained
25% of the score100/100
- no commits in the last 12 weeks
Adopted
20% of the score31/100
- 196 stars on the source repo.
Documented
15% of the score64/100
- No usage example or code block.
- 1,256-word body.
- Ships 65 bundled files.
Install
npx skills add pproenca/dot-skills/clean-code-ts-reactWhat it says it does
Use when writing, reviewing, or refactoring TypeScript or React code for craftsmanship — naming, function and component shape, error handling, data modeling, tests, and abstraction. Translates Robert C. Martin's Clean Code principles into modern TS+React idioms (TS 5.x, React 19), with first-class "When NOT to apply" guidance and a Meta category for principle conflicts (DRY vs SRP, small functions vs deep modules, type safety vs ergonomics). Triggers on code review, refactoring for clarity, naming, function/component design, "is this clean?", "make this more readable", "right abstraction?" — even when the user doesn't say "clean code". Does NOT cover React-specific APIs (RSC, hooks API surface) — use the `react` skill. Does NOT cover TS compiler perf or tsconfig — use the `typescript` skill.
Also in pproenca/dot-skills
| Artifact | Score | What the check found | Type | Reach | Last commit |
|---|---|---|---|---|---|
| bug-reviewpproenca/dot-skills | clean | Skill | 196 stars | 6 days ago | |
| ios-tastepproenca/dot-skills | clean | Skill | 196 stars | 6 days ago | |
| web-tastepproenca/dot-skills | clean | Skill | 196 stars | 6 days ago | |
| build-mcp-serverpproenca/dot-skills | clean | Skill | 196 stars | 6 days ago | |
| cli-review-runnerpproenca/dot-skills | clean | Skill | 196 stars | 6 days ago | |
| complexity-optimizerpproenca/dot-skills | clean | Skill | 196 stars | 6 days ago |
Other frontend & ui skills
Browse all| Artifact | Score | What the check found | Category | Reach | Last commit |
|---|---|---|---|---|---|
| ui-ux-pro-maxnextlevelbuilder/ui-ux-pro-max-skill | clean | Frontend & UI | 325,271 installs | yesterday | |
| sandbox-benchvercel/next.js | clean | Frontend & UI | 142k stars | today | |
| gh-stackvercel/next.js | clean | Frontend & UI | 142k stars | today | |
| next-cache-components-adoptionvercel/next.js | clean | Frontend & UI | 9,145 installs | today | |
| next-cache-components-optimizervercel/next.js | clean | Frontend & UI | 8,900 installs | today | |
| hyperframes-registryheygen-com/hyperframes | clean | Frontend & UI | 369,389 installs | today |
Put this measurement in your README
A badge carrying how many listings this index holds from the repository and how many pass every static structural check. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.
[](https://skillworks.kynth.studio/?q=pproenca%2Fdot-skills)Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:
Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.
