jsonlee12138/components
skills/components/SKILL.md
Use when designing, implementing, or reviewing React/TypeScript components with naming conventions, props typing, hooks usage, and UnoCSS styling standards.
$ install --global
skillsauthnpx skillsauth add jsonlee12138/prompts componentsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 24, 2026, 9:03 PM1.8s1 file scanned
SKILL.md
- name:
- components
- description:
- Use when designing, implementing, or reviewing React/TypeScript components with naming conventions, props typing, hooks usage, and UnoCSS styling standards.
Components
Overview
Design and review React/TypeScript components with consistent naming, typing, hooks, and UnoCSS styling.
Quick Workflow
- Define component type and responsibility (UI, business, container, page, layout).
- Define props and dependencies explicitly.
- Implement with typed props and function components.
- Apply UnoCSS classes and CSS variables.
- Review against the checklist.
Common Mistakes
- Mixing UI and data-fetch logic in a single component.
- Missing props types or using
any. - Inline styles instead of UnoCSS utilities.
- Unstable callbacks and missing dependency arrays.
Resources
references/standards.mdreferences/checklist.mdreferences/templates.md
Related Skills
jsonlee12138/makefile
development
VerifiedTrustedCommunity
Use when creating, editing, or validating Makefiles. Provides templates for Go, Node, Python, Docker, and Monorepo projects with self-documenting help targets. Also validates existing Makefiles against conventions. Triggers on: Makefile, makefile, make help, validate makefile, lint makefile.
2SKILL.mdUpdated May 12, 2026
jsonlee12138/claude-design
development
VerifiedTrustedCommunity
Unified design workflow router for critique, accessibility review, developer handoff, design system work, UX copy, user research, and research synthesis. Use when users ask naturally for design feedback, mockup review, a11y audit, handoff specs, UX writing, research planning, research synthesis, or mention Figma, Pencil, or HTML design workflows and should not need to invoke separate sub-skills manually.
2SKILL.mdUpdated May 12, 2026
jsonlee12138/actions-npm
development
VerifiedTrustedCommunity
Use when creating or debugging GitHub Actions workflows that publish npm packages with trusted publishing / OIDC. Triggers on npm publish in CI, ENEEDAUTH, E404 or E422 during publish, tag-triggered releases, setup-node auth behavior, or provenance issues in public vs private GitHub repositories.
2SKILL.mdUpdated Apr 17, 2026
jsonlee12138/vite-tanstack
tools
VerifiedTrustedCommunity
TanStack (Router/Query/Form/Table) configuration guide for Vite + React projects. Covers Vite plugin setup, main.tsx registration, DevTools configuration, and editor settings. Use when setting up or reviewing TanStack config in a Vite project. Triggers on: vite-tanstack, tanstack config, tanstack router setup, tanstack query setup, tanstack form setup, tanstack table setup.
1SKILL.mdUpdated Apr 17, 2026