AIPM package

Antfu Design

@antfu/antfu-design@1.0.0

Antfu-style design conventions, broadened.

Scanned · no issues

LinkedIn Post

View source Claim this skill

Install Skill

Pins this version in aipm.package.json and aipm-lock.json.

aipm add @antfu/antfu-design@1.0.0

Without project tracking

Writes the skill files only. Add --no-init to skip aipm.package.json and the lockfile.

aipm add @antfu/antfu-design@1.0.0 --no-init

How to use

Install the skill above, then run this in your AI tool:

/antfu-design <your description>

About

Use this when building interfaces with UnoCSS in any framework (React, Vue, Svelte, Solid, or plain HTML), from dense devtools panels to landing pages. Read core-design-read first to set the direction, then apply the token system plus the polish and anti-slop rules.

Source

What gets added to your project

Preview every file this package writes on install before you run the command above.

Loading package files…

Open full-page file browser

Share this package

Add an Install with AIPM badge

Add this badge to a GitHub README so readers can open the package page and install the same version.

[![Install with AIPM](https://www.aipm-registry.com/install-with-aipm.svg)](https://www.aipm-registry.com/skills/antfu/antfu-design/1.0.0?utm_source=github&utm_medium=readme&utm_campaign=package_badge)

Publisher

Anthony Fu

This imported publisher has not claimed its AIPM account. A connected account confirms account control, but it does not guarantee that a package is safe.

AI assistant context

What this skill is for

@antfu/antfu-design@1.0.0 is an AIPM skill package for All tools. Use it when a project needs the reusable AI behavior described as: antfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling and devtools UIs, plus design-read, anti-slop, and micro-interaction polish for landing pages and product surfaces. Use...

Install: aipm add @antfu/antfu-design@1.0.0
Use after install: /antfu-design <your description>
Canonical page: https://www.aipm-registry.com/skills/antfu/antfu-design/1.0.0

Tool targets

Install command by target

Add --no-init to any of these when you want the skill files without aipm.package.json or aipm-lock.json.

cursor

Run this variant when you want to install the package into cursor.

aipm add @antfu/antfu-design@1.0.0 --target cursor --ci

claude

Run this variant when you want to install the package into claude.

aipm add @antfu/antfu-design@1.0.0 --target claude --ci

Discussion

Comments (0)

Loading comments…

Package FAQ

Install and compatibility

How to install: Run aipm add @antfu/antfu-design@1.0.0 in a project that has AIPM initialized.
Supported tools: @antfu/antfu-design@1.0.0 supports All tools.

Before installing

AIPM skills can add files to your project. Review the package name, target, description, license, and publisher before installing. Use a clean branch when trying a new skill.