Imported from rishiashar/Personapilot (AGENTS.md). Install upstream with npx skills add rishiashar/Personapilot. Copyright stays with the author.

This is NOT the Next.js you know

Name: Personapilot
Author: rishiashar

This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in node_modules/next/dist/docs/ before writing any code. Heed deprecation notices.

BoardUI design rules

This project uses BoardUI (React + Tailwind CSS v4, source-owned components under components/). These rules always apply when writing UI code. MCP tools are on demand; these rules are not optional context.

Components first

Before hand-building any UI element, check for an installed BoardUI component under components/base/ and components/application/, and prefer it.
Missing a component? Install it (BoardUI MCP install_components, or npx boardui@latest add <name>) instead of writing a lookalike.
Import through the @/ alias, e.g. import { Button } from "@/components/base/buttons/button".

Color: semantic tokens only

Never use raw palette classes (text-gray-500, bg-white, border-neutral-200) or hex/oklch literals. Every color rides a BoardUI semantic token, which also makes dark mode automatic.
Text: text-text-primary, text-text-secondary, text-text-tertiary, text-text-placeholder, errors text-text-error-primary.
Surfaces: bg-background-primary-default, bg-background-secondary-default / -hover, bg-background-tertiary-default, page ground bg-background-full.
Borders: border-border-button-default / -hover, hairlines border-separator-border, tables border-border-table, errors border-border-error-default.
Icons: text-foreground-icon-primary through text-foreground-icon-quaternary.
Charts: the chart-1 … chart-5 tokens (plus -active variants). CTAs and selection states: the accent-50 … accent-950 ramp.
Dark mode flips tokens via the .dark class on <html>. Do not write dark: overrides with raw colors; if a token pair looks wrong in dark mode, pick a different token, not a literal.

Typography: composite utilities only

Use BoardUI's composite type utilities: text-title-1-medium, text-title-2-medium, text-title-3-semibold, text-headline-medium, text-body-medium, text-body-regular, text-body-2-*, text-caption-1-semibold, and friends. Each sets size, weight, line-height, and letter-spacing together.
Never rebuild type by stacking text-sm font-medium leading-5; if a style seems missing, look in styles/typography.css before inventing one.

Spacing and shape

Stay on Tailwind's spacing scale (gap-2, p-4, mt-6); prefer flex/grid gap over per-child margins. Arbitrary values (p-[13px]) only when matching an existing BoardUI component exactly.
Cards and panels: rounded-3xl with border-border-button-default. Inputs and menu rows: rounded-md to rounded-xl. Pills: rounded-full.

Mechanics

Merge classes with cx() from @/utils/cx (tailwind-merge aware of BoardUI's composite text styles). No string concatenation, no plain clsx.
Icons come from @remixicon/react, passed as component references (leadingIcon={RiAddLine}), not rendered elements.
Form components build on react-aria-components; extend the installed BoardUI form components rather than raw <input>/<select>.
Focus states: outline-none focus-visible:ring-2 focus-visible:ring-border-focus-ring.

When unsure about a token, a component's API, or working example code, ask the BoardUI MCP server: get_theme, get_component, get_usage_examples.

{ "ocm": "1", "id": "rishiashar-personapilot-personapilot", "kind": "skill", "name": "Personapilot", "description": "This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices. ", "publisher": "rishiashar", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "skill-md", "github-agents" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices. " ], "primary": false, "metadata": { "source": { "provider": "github-agents", "repository": "https://github.com/rishiashar/Personapilot", "path": "AGENTS.md", "ref": "3e93b511a45676576e8ac2d1fb8211e44bf73099", "url": "https://github.com/rishiashar/Personapilot/blob/3e93b511a45676576e8ac2d1fb8211e44bf73099/AGENTS.md", "key": "rishiashar/Personapilot/AGENTS.md" } }, "instructions": "\n# This is NOT the Next.js you know\n\nThis version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.\n\n\n\n# BoardUI design rules\n\nThis project uses BoardUI (React + Tailwind CSS v4, source-owned components under `components/`). These rules always apply when writing UI code. MCP tools are on demand; these rules are not optional context.\n\n## Component", "cost": { "context_tokens": 903 } }

Personapilot

About

This is NOT the Next.js you know

BoardUI design rules

Components first

Color: semantic tokens only

Typography: composite utilities only

Spacing and shape

Mechanics

Use it

Manifest

Reviews