FreeSkillMedium riskv0.1.0

design-guide

Apply a compact, dark, component-driven UI system optimized for expert workflows.

A product-specific design guide for scannable, keyboard-first interfaces with contextual editing and restrained visual chrome.

Design #design-system #keyboard #dark-ui #control-plane

Browse topics and task labels

Prompt or reference Build Edit Redesign Critique Design Review Design system Text

Publisher: getpaperclipai/paperclip
Source: GitHub
Category: Design

Overview

Who it is for: Teams building dense operational products and agent control planes.
Not intended for: Consumer marketing sites or products that need a light, spacious visual language.
Export formats: codex_skill, markdown_export

Sandbox comparison

Generic baseline vs design-guide on the same input, pinned to v0.1.0.

Sample input

gpt-4.1-mini · temp 0.2

Apply a keyboard-first dense layout to this agent operations dashboard

Generic baseline

50/100

Use a generic workflow and rely on broad best practices without domain-specific guidance.

Skill-enhanced

86/100

design-guide workflow:
Apply a compact, dark, component-driven UI system optimized for expert workflows.
Apply the capability with explicit assumptions, constraints, and a reviewable result.

Rubric

+36 lift

Coverage of failure modes2 5

Actionable recommendations3 5

Measurable next steps2 4

Risk / limitation awareness2 4

Assumptions

Sample input is representative of a real production task
Same model and temperature for baseline and skill-enhanced runs

Runs on registry sample cases through the shared, deterministic sandbox engine.

Usage

01Review the quality signals, limitations, and permissions on this page.
02Inspect upstream content and license before loading a package.
03Apply relevant guidance within your requested scope and verify the result.
04Agents can also read the machine-readable contract at /api/v1/skills/design-guide/manifest.

npx skills add https://github.com/getpaperclipai/paperclip --skill design-guide

Example prompts

Requests that put this skill to work.

Apply a keyboard-first dense layout to this agent operations dashboard

Limitations

The source design system is opinionated and must be adapted to the product brand.

Version history

v0.1.0CurrentJul 22, 2026
Initial Kairaxis catalog packaging

At a glance

Upstream installs: 144.8K
24-hour installs: 14.5K
Evaluation: Registry example only
Last updated: Jul 22, 2026
Version: 0.1.0

Evidence

Source metadata and registry examples. Content and outcome quality require review.

Package validated
Benchmark tested
Taste calibrated
Creator reviewed

Permissions

Read filesRequired
Write filesNot needed
Web accessNot needed
API accessNot needed
MCP accessNot needed
Code executionNot needed
External actionsNot needed

Environment fit

Runtime compatibility has not been verified.

Resources

Own this skill?

It is listed under getpaperclipai/paperclip. Claim it to manage the listing after review.

False claims may result in permanent bans. Ownership transfer is never automatic.

design-guide

Apply a compact, dark, component-driven UI system optimized for expert workflows.

A product-specific design guide for scannable, keyboard-first interfaces with contextual editing and restrained visual chrome.

Publisher

getpaperclipai/paperclip

Source

GitHub

Overview

Generic baseline

Skill-enhanced

Rubric

Assumptions

Usage

Example prompts

Limitations

Version history

Related skills

frontend-design

web-design-guidelines

better-interface

Overview

Generic baseline

Skill-enhanced

Rubric

Assumptions

Usage

Example prompts

Limitations

Version history

Related skills

frontend-design

web-design-guidelines

better-interface