skills.rest
kkn1125
kkn1125COMMUNITY
Explore all skills by this author →
WebsiteGitHub

onflou-react-conv-code

Enforce Onflou React frontend code conventions using MCP resources.

Updated Jun 12, 2026
Search Tags:#code review#react#frontend development#code conventions#convention enforcement#onflou
One-click install
npx skills add https://github.com/kkn1125/devkimson-skills --skill onflou-react-conv-code
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onflou-react-conv-code
Source: https://github.com/kkn1125/devkimson-skills/tree/main/skills/onflou-react-conv-code
Command: npx skills add https://github.com/kkn1125/devkimson-skills --skill onflou-react-conv-code

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps maintain consistency with Onflou React frontend code conventions, providing guidance and resources for implementing, reviewing, refactoring, or planning React frontend code.

Core Features & Use Cases

  • Code Convention Enforcement: Applies Onflou React frontend code conventions consistently.
  • MCP-First Rule: Prioritizes convention resources from agent_mcp before local files.
  • Required Knowledge: Accesses resources like code conventions, component rules, style guides, API guides, state management, routing, accessibility, and security policies.
  • Workflow: Offers a step-by-step guide for implementation, review, refactoring, or planning, ensuring best practices are followed.
  • Quick Checks: Provides a checklist for common code review items like default exports, business logic placement, list keys, theme tokens, API error handling, and console.log usage.
  • Output: Delivers frontend implementation/review guidance, exact convention resources consulted, and verification notes.

Quick Start

Run the skill to apply Onflou React conventions to your frontend code.

Frequently Asked Questions about onflou-react-conv-code

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

FAQPage Schema
How do I enforce React frontend code conventions during code review?▼

You can enforce React frontend code conventions by running a single command that loads resources via MCP, providing a comprehensive guide for reviewing component rules, style guides, and API error handling.

What is the best way to check React code conventions for default exports and list keys?▼

The best way to check React code conventions is to use a quick checklist that verifies default exports, business logic placement, list keys, theme tokens, API error handling, and console.log usage.

Does this code convention enforcement tool work without local resource files?▼

Yes, this code convention enforcement tool prioritizes loading convention resources from agent_mcp before local files, ensuring adherence to React frontend standards even without local files.

How do I refactor React frontend code to align with specific style guides?▼

To refactor React frontend code, run the skill to access a step-by-step workflow guide that ensures best practices for state management, routing, accessibility, and security policies are followed.

What specific React frontend rules are covered by this convention enforcement guide?▼

This convention enforcement guide covers React frontend rules including component rules, style guides, API guides, state management, routing, accessibility, and security policies.

Can I use this for planning new React frontend features before implementation?▼

Yes, you can use this for planning new React frontend features because it offers a step-by-step workflow for implementation, review, refactoring, or planning to ensure best practices.

Related Skills

Explore More Software Engineering Skills→
raulnqraulnq

review_code

Review Hono and React monorepo code against project conventions and best practices.

Community
Advanced
thec3ukthec3uk

Frontend Components

Enforce frontend component coding standards during generation, review, and refactoring.

Official
Basic
ghalacticghalactic

google-developer-style-guide-structure

Enforce Google developer documentation style guide rules on technical writing.

Official
Advanced
rsnormanrsnorman

quality-check

Run ESLint, Prettier, and TypeScript type checks on code.

Community
Intermediate