design-helper icon

design-helper

Settles CSS values, layout, and motion by eye: draws candidates that differ in one property side by side in the browser, then applies the one you pick to your code.

dessert99/design-helper · v0.3.2 · Development & Workflow

Dessert99Owner verifiedreview

Trust Score

67

Security

71

Surfaces

1

What is design-helper?

design-helper is a published development & workflow plugin for AI coding agents in the codex ecosystem, developed by Dessert99 and distributed through the HOL AI plugin registry. Settles CSS values, layout, and motion by eye: draws candidates that differ in one property side by side in the browser, then applies the one you pick to your code.

Canonical slug
dessert99/design-helper
Version
v0.3.2 · updated Oct 1, 2026

Trust & Reputation

HOL Trust Score
67

Factor Analysis

Per-metric points (0–100 each) combined via a weighted average into the overall score.

Installability
76pts
Maintenance
55pts
MCP Posture
100pts
Plugin Security
71pts
Provenance
70pts
Publisher Quality
75pts

Registry Snapshot

Publisher verification
No
Marketplace source
Unknown
Scanner
Broker fallback
Safety label
review
Digest verified
Yes
1 bundled skill — copy or download SKILL.mdOpen skills

Trust & reputation

Trust & Reputation

HOL Trust Score
67

Factor Analysis

Per-metric points (0–100 each) combined via a weighted average into the overall score.

Installability
76pts
Maintenance
55pts
MCP Posture
100pts
Plugin Security
71pts
Provenance
70pts
Publisher Quality
75pts

Provenance

Plugin root
.
Source repo
https://github.com/Dessert99/design-helper
Source commit
cc8de66acea2…
Publisher verified
No
Owner verified
@Dessert99

Continuous scanner CI not detected

This plugin remains listed. Its overall trust score is reduced by 10% because security checks are not maintained in the source repository's CI.

Optional: maintain the scanner in the source repository's CI to receive the full trust score. Listing does not require that change.

Verified badge not detected

Add the HOL verified badge to the repository README to score +2% trust. Plugin owners can open that pull request from Guard Plugins.

Security Posture

review
Safety label
71
Security score
0
High findings
Provider
registry-broker-fallback
Grade
C · review
Version
Unknown
cisco-skill-scanner: unknown

Findings

mediumpublishabilitypublishability.link.missing.privacyPolicyURL

privacyPolicyURL should be present for marketplace readiness.

mediumpublishabilitypublishability.link.missing.termsOfServiceURL

termsOfServiceURL should be present for marketplace readiness.

lowoperational-securitysupply-chain.lockfile-missing

Repository snapshot does not include a lockfile.

infoskill-securityskill-scan.unavailable

Cisco skill scanner timed out after 60000 ms

design-helper — Frequently asked questions

What is design-helper?
design-helper is an AI plugin in the HOL registry. Settles CSS values, layout, and motion by eye: draws candidates that differ in one property side by side in the browser, then applies the one you pick to your code.
How do I install design-helper?
Install design-helper in your harness: Codex — codex plugin marketplace add Dessert99/design-helper; Claude Code — /plugin marketplace add Dessert99/design-helper; Any agent — npx skills add Dessert99/design-helper. Full step-by-step guidance is on the HOL plugin page.
How do I install design-helper in Codex?
To install design-helper in Codex, start with codex plugin marketplace add Dessert99/design-helper. The complete step-by-step install guide for Codex is on the HOL plugin page.
How do I install design-helper in Claude Code?
To install design-helper in Claude Code, start with /plugin marketplace add Dessert99/design-helper. The complete step-by-step install guide for Claude Code is on the HOL plugin page.
Is design-helper free?
Pricing for design-helper is published on its HOL plugin page when the maker schedules a launch.
Who publishes design-helper?
design-helper is published by Dessert99 and listed on HOL.
Is design-helper available now?
design-helper availability is listed on its HOL plugin page.

Install Guidance

Install in Claude Code

Install through the Claude Code plugin marketplace.

Claude Code plugin docs
  1. 1

    Add the marketplace

    Run this inside a Claude Code session.

    claude code
  2. 2

    Install the plugin

    Use the plugin name and the marketplace name shown by the previous command.

    claude code
  3. 3

    Scripted alternative

    Non-interactive equivalent for scripts and CI pipelines. Add --scope project to pin the install to one repository.

    shell

Plugin Manifest

{
  "name": "design-helper",
  "version": "0.3.2",
  "description": "Settle CSS values, layout and motion by eye: draws every candidate side by side in the browser, you pick one, and it applies the choice to your code.",
  "author": {
    "name": "Dessert99",
    "url": "https://github.com/Dessert99"
  },
  "homepage": "https://github.com/Dessert99/design-helper",
  "repository": "https://github.com/Dessert99/design-helper",
  "license": "MIT",
  "keywords": [
    "design",
    "css",
    "ui",
    "layout",
    "motion",
    "comparison",
    "frontend"
  ],
  "skills": "./",
  "interface": {
    "displayName": "design-helper",
    "developerName": "Dessert99",
    "shortDescription": "Compare CSS values side by side and pick by eye",
    "longDescription": "Instead of describing options in prose, design-helper draws every candidate for one property side by side in your browser. You pick a letter in chat, and it applies the chosen value to your code and verifies it. Replies and sheet labels are in Korean by default.",
    "category": "Design",
    "capabilities": [
      "Interactive",
      "Read",
      "Write"
    ],
    "defaultPrompt": [
      "Show me 5 versions of the button radius",
      "Compare the card padding",
      "Lay out the dashboard"
    ],
    "websiteURL": "https://github.com/Dessert99/design-helper",
    "screenshots": [],
    "composerIcon": "./assets/icon.svg",
    "logo": "./assets/icon.svg",
    "brandColor": "#F59E0B"
  },
  "registryIndexVersion": 5
}

Marketplace Source

Repo URL
https://github.com/Dessert99/design-helper
Marketplace path
Unknown
Source path
plugins/Dessert99/design-helper
Install policy
AVAILABLE

Skills

1 SKILL.md file ship with this plugin. Preview, copy, or download each one, then install them with the Skills CLI.

Share
skills-cli
  • design-helper

    skills/design-helper/SKILL.md

    Use when several visual variants need to be compared side by side —

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

File Inventory

.claude-plugin/plugin.json

file

535 bytes

983c5fcd3844857f…

.codex-plugin/plugin.json

plugin-manifest

1,280 bytes

5636e1b2c901f234…

assets/icon.svg

asset

438 bytes

354637365cfb1c9d…

README.md

file

13,177 bytes

7255d533f884435b…

SECURITY.md

file

758 bytes

636544f9b12db66e…

skills/design-helper/references/clarification.md

skill

3,043 bytes

3c90ea78c7a94533…

skills/design-helper/references/controls.md

skill

14,393 bytes

a60d86fdb5c0bc3b…

skills/design-helper/references/liveview.md

skill

9,547 bytes

9ba51c13045336b4…

skills/design-helper/references/motion.md

skill

3,563 bytes

ed0dac1ec3352d6f…

skills/design-helper/references/sheet.md

skill

9,965 bytes

5d04d145fe494b87…

skills/design-helper/references/stylesystems.md

skill

6,762 bytes

7f08b99445c6d26d…

skills/design-helper/references/sweeping.md

skill

8,935 bytes

8b896acf6fa94e26…

skills/design-helper/SKILL.md

skill

12,464 bytes

bb73a0eb33b746d6…