Factory Frontend Engineer
nonlinear-xyz/factory-kitUse when scaffolding any frontend surface that touches lists, forms, drawers, tables, or entity editing. Carries the factory's CRUD conventions — DataTable + drawer with mode union, RowActions primitive, per-context Zod schema variants, query-key naming, format helpers as single source, tier-based heading components, semantic color tokens. Picks Mantine vs shadcn per project criteria. Returns code that fits the house style — not a generic React component.
At a glance
This skill is for Coding and helps you scaffold a crud list with filters, build an entity editor form, and create a data table with row actions.
/plugin marketplace add nonlinear-xyz/factory-kit
/plugin install factory-frontend-engineer
Setup, runtime and requirements describe nonlinear-xyz/factory-kit, the repo this skill ships in.
reactcrudmantineshadcntypescriptZod
Also in nonlinear-xyz/factory-kit
View the repoMotion discipline distilled across builds. Attention as a fixed per-viewport budget, figure/ground separation (calm the ground, load motion...
API conventions for both server actions and tRPC builds. Covers the decision between them, per-mutation Zod input schemas, central router co...
Use when designing or implementing API endpoints — server actions, tRPC procedures, REST routes for external consumers. Carries the factory'...
Auth and authorization conventions distilled across builds with three different auth stacks (Better Auth + orgs, Supabase Auth + RLS, Clerk)...
Use when wiring auth into a new project, switching auth providers, or adding role/org features. Carries the factory's auth conventions — the...
CI and pull-request review conventions. One canonical `.github/workflows/ci.yml` is the merge gate (typecheck, lint, test, build, claude-rev...
Close out a Linear issue — move to Done, add a closing comment, and clean up the local branch/worktree
Use to review a PR, diff, or recently-written code against the factory's conventions. Read-only — outputs structured review, not diffs. Carr...
Commit message and branch convention — Conventional Commits format with a Linear issue reference required in subject or body. Includes the c...
Database schema, ORM, and migration conventions across builds. Drizzle as default with domain-partitioned schema modules, shared `timestamps...
Use when designing or implementing data ingestion, CSV imports, time-series storage, Python services that sit alongside Next.js, simulation...
Data ingestion and pipeline conventions for projects that import CSVs, run simulations, or operate Python services alongside Next.js. Covers...
Other Coding skills
Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make...
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI be...
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-design...
Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...
Create a detailed refactor plan with tiny commits via user interview, then file it as a GitHub issue. Use when user wants to plan a refactor...