hivellm/React
templates/skills/frameworks/react/SKILL.md
React applications must comply with these quality bars.
$ install --global
skillsauthnpx skillsauth add hivellm/rulebook ReactInstall 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 30, 2026, 2:40 AM7.8s1 file scanned
SKILL.md
- name:
- React
- description:
- React applications must comply with these quality bars.
- version:
- 1.0.0
- category:
- frameworks
- author:
- Rulebook
- tags:
- ["frameworks", "framework"]
- dependencies:
- []
- conflicts:
- []
<!-- REACT:START -->
React Framework Rules
CRITICAL: React applications must comply with these quality bars.
Quality Commands
- Lint & type check:
npm run lint+npm run type-check - Unit/integration tests:
npm run test -- --watch=false - Build:
npm run build - Bundle analysis (optional):
npm run analyze
Project Structure
- Group features under
src/features/<name>/ - Maintain shared UI primitives in
src/components - Keep hooks in
src/hooks - Centralize state management in
src/state(Redux/Zustand/Recoil)
Implementation Guidelines
- Use TypeScript everywhere (no implicit
any) - Prefer functional components with hooks
- Co-locate component tests as
<Component>.test.tsx - Use React Query/SWR for server state, keep caches invalidated on mutations
- Wrap new pages with error boundaries and suspense where needed
Pre-Commit Checklist
npm run lint
npm run type-check
npm run test -- --watch=false
npm run build
Documentation
- Update
/docs/react-architecture.mdwhen routes or global providers change - Record reusable components in Storybook or
/docs/ui-components.md - Capture performance regressions in
/docs/performance.md
Related Skills
hivellm/spec
research
VerifiedTrustedCommunity
Author a rulebook task spec interactively — research, draft, ask the user clarifying questions, confirm, then create the tasks in rulebook ready for /rulebook-driver. Use when the user wants to plan/spec a feature before implementing.
14SKILL.mdUpdated Jun 1, 2026
hivellm/Karpathy Guidelines
development
VerifiedTrustedCommunity
Behavioral guidelines to reduce common LLM coding mistakes — overcomplication, sloppy refactors, hidden assumptions, weak goals. Use when writing, reviewing, or refactoring code. Auto-applies; invoke explicitly via /karpathy-guidelines or 'follow karpathy discipline'.
14SKILL.mdUpdated May 2, 2026
hivellm/analysis
research
VerifiedTrustedCommunity
Create structured analyses with numbered findings, execution plans, and task materialization
14SKILL.mdUpdated Apr 30, 2026
hivellm/Rulebook Task Management
development
VerifiedTrustedCommunity
Spec-driven task management for features and breaking changes with OpenSpec-compatible format
14SKILL.mdUpdated Apr 30, 2026