skills.rest
factorialco
factorialcoOFFICIAL
Explore all skills by this author →
WebsiteGitHub

f0-code-review

Review F0 React components against TypeScript, testing, Storybook, accessibility, and styling standards.

27|5|Updated Mar 20, 2024
Search Tags:#typescript#testing#code review#accessibility#react#storybook#f0 design system
One-click install
npx skills add https://github.com/factorialco/f0 --skill f0-code-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: f0-code-review
Source: https://github.com/factorialco/f0/tree/main/packages/react/.skills/f0-code-review
Command: npx skills add https://github.com/factorialco/f0 --skill f0-code-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill standardizes the code review process for F0 React components, ensuring consistency, quality, and adherence to project conventions.

Core Features & Use Cases

  • Automated Checks: Verifies TypeScript strictness, component structure, testing standards, styling, accessibility, and Storybook requirements.
  • Guidance: Provides clear criteria for blocking issues and suggestions for improvement.
  • Use Case: When reviewing a Pull Request for a new F0 React component, use this Skill to systematically check it against all defined F0 conventions before merging.

Quick Start

Use the f0-code-review skill to check the F0 React component code quality.

Frequently Asked Questions about f0-code-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review React components for accessibility and TypeScript strictness?▼

Run a comprehensive code review checklist to validate TypeScript, component structure, testing, Storybook integration, accessibility, and styling against established F0 design system conventions before merging your React component pull request.

What should a React component code review checklist include?▼

A comprehensive React component code review checklist includes automated checks for TypeScript strictness, component structure, testing standards, styling, accessibility, and Storybook integration to facilitate consistent code quality and adherence to project conventions.

How do I ensure my React Storybook integration meets project conventions?▼

Validate your React Storybook integration against established project conventions by systematically checking it with a comprehensive code review checklist before merging, ensuring it meets F0 design system principles.

Can I automate F0 React component code quality checks for a pull request?▼

Yes, you can automate F0 React component code quality checks for a pull request by systematically validating TypeScript, component structure, testing, Storybook integration, accessibility, and styling against defined F0 conventions to facilitate consistent code quality.

Does the code review process validate React testing standards and styling?▼

Yes, the code review process validates React testing standards and styling by checking them against established project conventions, providing clear criteria for blocking issues and suggestions for improvement.

Related Skills

Explore More Software Engineering Skills→
Dragoon0xDragoon0x
4

storybook

Generate Storybook configuration and story files for React components.

Community
Intermediate
IJHackIJHack
1.1k

qtpass-testing

Execute QtPass unit and integration tests and generate coverage reports.

Official
Intermediate
alexgorbatchevalexgorbatchev
1

react-testing

Automate React component validation with Storybook stories and play functions.

Community
Intermediate
samChang72samChang72
1

lint-and-validate

Automate linting and static analysis for Node.js and Python projects.

Community
Intermediate