skills.rest
udecode
udecodeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

4-ultracite

Enforce JavaScript/TypeScript coding standards with formatting, style, correctness, and security checks.

434|33|Updated Jul 27, 2025
Search Tags:#security#react#javascript#formatting#lint#code-standards#ultracite
One-click install
npx skills add https://github.com/udecode/kitcn --skill 4-ultracite
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: 4-ultracite
Source: https://github.com/udecode/kitcn/tree/main/.agents/skills/4-ultracite
Command: npx skills add https://github.com/udecode/kitcn --skill 4-ultracite

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ultracite provides a structured set of coding standards to enforce consistent formatting, style, correctness, and security across a codebase, reducing bugs and onboarding time.

Core Features & Use Cases

  • Formatting rules: 2-space indent, semicolons, double quotes, 80-char width, ES5 trailing commas, LF line endings.
  • Style and correctness: Arrow functions, const by default, avoid var, for...of over .forEach, template literals over concatenation, no unused imports or variables, no any, always await promises, no console.log in production.
  • React and performance: Function components only, hooks at top level, exhaustive deps, semantic HTML with ARIA, performance-conscious patterns.
  • Security: rel="noopener" on target="_blank", no dangerousSetInnerHTML, no eval in code.

Quick Start

Install Ultracite rules and apply them to your project repository with the provided CLI to begin linting and formatting.

Frequently Asked Questions about 4-ultracite

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

FAQPage Schema
How do I enforce consistent JavaScript and TypeScript coding standards across my team?▼

Enforce consistent JavaScript and TypeScript coding standards by applying structured lint rules for formatting, style, correctness, and security to reduce defects and onboarding time across React apps and Node services.

What formatting and style rules should I use for a React codebase?▼

Apply 2-space indentation, semicolons, double quotes, 80-char width, and ES5 trailing commas. Enforce arrow functions, const by default, function components only, and top-level hooks for React codebases.

Can I apply these lint and code standards to both Node services and shared libraries?▼

Yes, these lint and code standards apply to Node services and shared libraries. The rules scale across varying codebase sizes and ecosystems, guiding formatting, style, correctness, and security checks.

How do I prevent security vulnerabilities like eval and dangerousSetInnerHTML in React?▼

Prevent security vulnerabilities by enforcing lint rules that prohibit eval in code and dangerousSetInnerHTML in React components, and require rel="noopener" on target="_blank" links to secure external navigations.

How do I start linting and formatting my project with Ultracite?▼

Install Ultracite rules and apply them to your project repository with the provided CLI to initialize usage and begin linting and formatting your codebase with the configured standards.

Related Skills

Explore More Software Engineering Skills→
tunnckoCoretunnckoCore

ultracite

Initialize linting and formatting presets for JavaScript and TypeScript projects.

Community
Intermediate
quanngynxquanngynx

fix

Run Prettier formatting and linc lint checks on JavaScript/TypeScript repositories.

Community
Basic
alexsandrocruzalexsandrocruz

react-code-review-patterns

Review React/TypeScript components for hooks, type safety, and accessibility.

Community
Basic
gwpjpgwpjp
3

verify

Runs typecheck, lint, prettier, and build to produce a pass/fail report.

Community
Advanced