skills.rest
scamai
scamaiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

bencium-code-conventions

Define coding standards and workflows for React and Next.js projects.

Updated Aug 23, 2026
Search Tags:#typescript#workflow#react#nextjs#tailwind#code-conventions
One-click install
npx skills add https://github.com/scamai/scamai-landing --skill bencium-code-conventions-scamai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bencium-code-conventions
Source: https://github.com/scamai/scamai-landing/tree/main/.agents/skills/bencium-code-conventions
Command: npx skills add https://github.com/scamai/scamai-landing --skill bencium-code-conventions-scamai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a centralized set of coding standards, tech stack choices, and development workflows to ensure consistency across Bence's projects.

Core Features & Use Cases

  • Defines frontend and backend conventions: React, Next.js App Router, TypeScript, and TailwindCSS versions and patterns
  • Specifies coding style: ES modules, destructuring, async/await, descriptive variable names, and consistent naming
  • Lays out framework conventions: Next.js App Router usage, React functional components, and recommended state management
  • Standardizes tooling and environment: build tools, testing approaches, and deployment targets
  • Use Case: Teams starting a new Bence-led project can bootstrap with these conventions to reduce setup time and improve maintainability

Quick Start

Create a new Next.js app (with App Router) using TypeScript and Tailwind, then apply these conventions to structure code and development workflows.

Frequently Asked Questions about bencium-code-conventions

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

FAQPage Schema
How do I establish consistent code conventions for a React and Next.js project?▼

Code conventions for React and Next.js projects are enforced by standardizing TypeScript patterns, App Router structure, and TailwindCSS usage to ensure maintainability and consistency across the codebase.

What are the recommended TypeScript and TailwindCSS coding standards for frontend development?▼

Recommended frontend coding standards include using ES modules, async/await, descriptive variable names, functional React components, and specific Next.js App Router patterns alongside TailwindCSS for styling.

Can I use these code conventions when setting up a new Next.js App Router project?▼

Yes, you can use these conventions to bootstrap a new Next.js App Router project, applying the specified TypeScript, TailwindCSS, and structural guidelines to reduce initial setup time and improve code maintainability.

What is the best way to standardize development workflow and environment setup for TypeScript applications?▼

The best way to standardize development workflow is to specify build tools, testing approaches, and deployment targets alongside coding style rules like destructuring and async/await for your TypeScript application.

Does this convention guide cover both frontend and backend development workflows?▼

Yes, this convention guide covers both frontend and backend development workflows, providing structural, naming, import, testing, and deployment guidelines for technologies like React, Next.js, and TypeScript.

Related Skills

Explore More Software Engineering Skills→
ProLeadApptProLeadAppt

bencium-code-conventions

Enforce TypeScript, ES modules, and app router conventions in React projects.

Community
Intermediate
krikzkrikz

github-actions-runner

Trigger GitHub Actions workflows for the rob_box_project repository.

Community
Intermediate
dngioidevdngioidev

frontend-react

Guide React component development, state management, and performance optimization.

Community
Advanced
rlagycksrlagycks
3

coding-standards

Define coding standards and best practices for TypeScript, JavaScript, and React projects.

Community
Intermediate