AI Agents & Machine-Readable Context Hub

Build Faster with AI Agents & Nofinite

Instant machine-readable documentation, llms.txt endpoints, zero-hallucination system prompts, and IDE rule presets for Cursor, Windsurf, Claude Code, GitHub Copilot, and Antigravity.

Zero-Hallucination Contracts116+ TypeScript PropsStrict OKLCH Design Tokens

Machine-Readable Context Endpoints

Standardized llms.txt (index) and llms-full.txt (complete bundle) files ready for direct LLM ingestion.

Unified Ecosystem Bundle

All 8 Libraries

Complete context bundle covering all 8 @nofinite libraries, design tokens, TypeScript props, and component architecture in one machine-readable document.

• 116+ Primitives• Complete OKLCH Engine

/llms-full.txt

Index (.txt)View bundle

NUI

UI Components

Accessible, composable React UI primitives with strict semantic design tokens, polymorphic asChild routing, and verified Storybook contracts.

• 74 Primitives• WAI-ARIA Compliant

/nui/llms-full.txt

Index (.txt)View bundle

NUICSS

Design Engine

Semantic CSS utility framework, runtime-less design token engine, OKLCH palette definitions, and semantic superclasses (btn, card, badge, input).

• 120+ Superclasses• Native ARIA States

/nuicss/llms-full.txt

Index (.txt)View bundle

Nofinite Charts

Data Visualization

High-performance interactive SVG charting primitives powered by D3 mathematical scales with automatic NUICSS theme token synchronization.

• 8 Chart Primitives• SVG / Canvas Dual

/charts/llms-full.txt

Index (.txt)View bundle

Nofinite Kanban

Workflow Boards

Accessible, high-performance drag-and-drop Kanban workflow boards with enforceable WIP limit badges and imperative ref controls.

• Pragmatic D&D• ARIA Live Updates

/kanban/llms-full.txt

Index (.txt)View bundle

Nofinite Markon

Rich Text / Markdown

Extensible rich-text WYSIWYG editor and high-performance Markdown parser and renderer with slash commands and code block highlights.

• WYSIWYG & AST• Slash Commands

/markon/llms-full.txt

Index (.txt)View bundle

Nofinite Media

Media Players

Accessible audio and video player primitives with custom NUICSS skins, HLS/DASH streaming support, and playback rate controls.

• Audio & Video• Custom Skins

/media/llms-full.txt

Index (.txt)View bundle

Nofinite Locale

Localization

Lightweight localization, ISO country lookups, currency formatters, dialing codes, and responsive SVG flags.

• 250+ Countries• SVG Flag System

/locale/llms-full.txt

Index (.txt)View bundle

Nofinite Utils

Core Utilities

Shared TypeScript helpers, class name merge utility (cn), cryptography wrappers, and system/mail helper utilities.

• Type Helpers• cn() Class Merge

/utils/llms-full.txt

Index (.txt)View bundle

Zero-Hallucination System Prompt

Paste into your AI coding assistant (Cursor System Prompt, Windsurf Memory, Claude Project, ChatGPT Custom Instructions).

SYSTEM_PROMPT.mdEnforces NUICSS Tokens & Zero Hex Literals

markdown

You are an expert full-stack engineer building with the @nofinite open-source ecosystem.

Strict Design System & Architecture Rules:
1. DESIGN TOKENS (NO HARDCODED COLORS):
   - Always use @nofinite/nuicss semantic design tokens (e.g. `bg-surface`, `text-default`, `border-default`, `color-primary`, `bg-subtle`, `text-muted`, `text-danger`, `border-primary`).
   - NEVER use arbitrary sRGB hex literals or raw utility clusters (e.g. `#3b82f6`, `bg-blue-600`) when a NUICSS token or superclass exists.
   - All palettes strictly resolve to OKLCH color spaces.

2. COMPONENT SUPERCLASSES:
   - Prefer semantic superclasses from @nofinite/nuicss: `btn`, `btn-primary`, `btn-outline`, `card`, `badge`, `input`, `table-container`.
   - Take advantage of automatic ARIA state styling (`aria-selected="true"`, `aria-invalid="true"`, `aria-expanded="true"`).

3. POLYMORPHIC ROUTING:
   - When linking with Next.js or React Router, always use `asChild` on NUI action primitives:
     <Button asChild><Link href="/dashboard">Dashboard</Link></Button>

4. MODALS & DIALOGS:
   - For binary confirmation or destructive decisions, always configure `hideCloseButton={true}` and supply explicit "Cancel" and "Confirm" action buttons.
   - Always wrap overlays with `bg-overlay` and `backdrop-blur-sm` for clean visual separation.

5. PACKAGE IMPORTS:
   - UI Components: `import { Button, Modal, Card, Badge } from '@nofinite/nui';`
   - Charts: `import { AreaChart, BarChart } from '@nofinite/charts/react';`
   - Kanban: `import { Kanban } from '@nofinite/kanban/react';`
   - Markon: `import { MarkonEditor, MarkonRender } from '@nofinite/markon/react';`
   - Media: `import { VideoPlayer, AudioPlayer } from '@nofinite/media/react';`

IDE Rules & Presets

Drop these rule files directly into your workspace root to ensure Cursor, Windsurf, or Claude Code automatically enforce correct Nofinite conventions.

markdown

# Nofinite Open Source Ecosystem Rules for Cursor & Windsurf

# General Identity
You are an expert React and TypeScript engineer proficient in the @nofinite ecosystem.

# Core Packages
- @nofinite/nui: UI primitives
- @nofinite/nuicss: Design token engine & superclasses
- @nofinite/charts: SVG charting primitives
- @nofinite/kanban: Drag-and-drop workflow boards
- @nofinite/markon: Markdown editor & renderer
- @nofinite/media: Video & audio primitives
- @nofinite/utils: Shared helpers and cn()

# Design Rules
- Zero hardcoded hex colors. Always use @nofinite/nuicss tokens (bg-surface, text-default, border-default, color-primary).
- Use semantic superclasses: btn, card, badge, input.
- Always use asChild for router links (<Button asChild><Link ...>).
- Binary confirmation modals must specify hideCloseButton={true}.

# Context URLs for Cursor Docs
- Unified: https://opensource.nofinite.com/llms-full.txt
- NUI: https://opensource.nofinite.com/nui/llms-full.txt
- NUICSS: https://opensource.nofinite.com/nuicss/llms-full.txt
- Charts: https://opensource.nofinite.com/charts/llms-full.txt
- Kanban: https://opensource.nofinite.com/kanban/llms-full.txt
- Markon: https://opensource.nofinite.com/markon/llms-full.txt

AI Prompt Cookbook

Pre-crafted, tested prompt recipes you can copy directly into your AI assistant to generate production-ready code.

Dark Modern Analytics Dashboard

Generate a responsive dashboard using NUI Cards, StatCards, and Charts with OKLCH theme tokens.

Create a responsive executive analytics dashboard using @nofinite/nui and @nofinite/charts/react. Include: 1. Top metrics row with 3 StatCards (Total Revenue, Active Users, Conversion Rate). 2. Main AreaChart showing 30-day traffic growth with gradient fill. 3. Secondary BarChart showing revenue breakdown by category. 4. Strict compliance with @nofinite/nuicss design tokens (bg-surface, text-default, border-default) and zero hardcoded hex colors.

Interactive Kanban Board with WIP Limits

Generate a multi-column workflow board using @nofinite/kanban with optimistic drag-and-drop.

Implement a multi-stage project workflow board using @nofinite/kanban/react and @nofinite/nui. Requirements: 1. 3 Columns: "Backlog" (limit: 10), "In Progress" (limit: 3), "Done" (unlimited). 2. Column headers must display WIP limits and show warning badges when capacity is reached. 3. Support optimistic card moving via onCardMove callback. 4. Add a top filter bar using NUI Input and Button to filter cards by title or assignee.

Multi-Step Form Modal Dialog

Create an accessible confirmation and configuration modal with clean Cancel/Submit actions.

Build an accessible deployment configuration modal using @nofinite/nui. Requirements: 1. Use declarative <Modal open={open} onClose={handleClose} hideCloseButton={true}>. 2. Render explicit footer actions with Cancel (variant="outline") and Deploy (variant="primary"). 3. Include form fields for Environment name, Branch select, and Auto-rollback switch. 4. Ensure backdrop uses bg-overlay and backdrop-blur-sm.

Rich Markdown Document Editor

Implement a full markdown authoring page using @nofinite/markon with live preview.

Create a document editor page using @nofinite/markon/react and @nofinite/nui. Requirements: 1. Use MarkonEditor for WYSIWYG authoring with slash command triggers. 2. Include a preview toggle tab that switches to MarkonRender for compiled HTML display. 3. Use NUI superclasses for the toolbar and document wrapper.

Ready to explore the components?

Browse our 74+ verified React components or review the complete semantic design token engine.

Browse Components Design Tokens Catalog