nikships

Factory Design — AI skill for Claude Code

AI community

Agent skill for building UI in the Factory (factory.ai) design language.

How to install Factory Design

This entry records only its repository, not the path inside it, so there is no exact command to give. Open nikships/factory-design and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Factory Design does

Agent skill for building UI in the Factory (factory.ai) design language.

Alternatives in AI

AIHawk — Open-source AI browser agent: describe any task in plain language and it autonomously browses, clicks, types a 30.3k ★
Repomix — 📦 Repomix is a powerful tool that packs your entire repository into a single, AI-friendly file 22.7k ★
Graphify — AI coding assistant skill (Claude Code, Codex, OpenCode, OpenClaw, Factory Droid, Trae) 20.9k ★

README

factory-design

An agent skill for building and restyling UI in the [Factory](https://factory.ai) design language: dark industrial surfaces, hairline borders, near-square corners, uppercase monospace labels, numbered eyebrows, and a sparingly used Factory-orange accent.

Install

npx skills add nikships/factory-design

Works with Droid, Claude Code, Cursor, and other agents supported by the [`skills`](https://www.npmjs.com/package/skills) CLI.

Usage

Invoke it by name (`/factory-design`) or ask for something that should "look like Factory built it", for example:

"Build a settings page in the Factory style"
"Restyle this SwiftUI app to match factory.ai"
"Make a README banner with the Factory lockup"

What's inside

factory-design/
├── assets/        Official lockup, rotor, and halftone PNGs, plus the pinwheel SVG and reference renders
├── templates/     SwiftUI (Theme.swift, LogoView.swift) and CSS (tokens.css) starters
├── SKILL.md       Design rules and the build / restyle workflow
└── tokens.md      Verified colors, type, and radii, with steps to re-verify against the live site