Agent Plugins Marketplace
← All plugins

design-constraints

v0.1.0

Design UI with explicit spatial and typographic constraints instead of letting the model guess.

CodexClaude CodeAgent Plugins1 Skill

By Adam PerlisLicense: MIT0 GitHub starsUpdated 3 hours ago

Directory evidence

Runtimes
Codex, Claude Code, and Agent Plugins
Parsed components
1 skill or MCP entry
Source updated
Sep 30, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install design-constraints for Codex and Claude Code

Installs for the current user
codex plugin marketplace add adamperlis/adam-plugins
codex plugin marketplace upgrade adam-plugins
codex plugin add design-constraints@adam-plugins

Paste and run these commands in a terminal with Codex. They add and refresh the adam-plugins catalog, then install this plugin.

Compatibility: the page URL and API slug “design-constraints” remain stable.

  • Codex: design-constraints@agent-plugin-marketplace → design-constraints@adam-plugins

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/adamperlis/adam-plugins

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/design-constraints/.

Plugin files

plugins/design-constraints/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── plugin.json
└── skills/design-constraints/SKILL.md

Included Skills1

design-constraintsskills/design-constraints/SKILL.md

Design UI by handing the model explicit spatial and typographic constraints instead of letting it guess. Use whenever building or restyling any interface — a component, a page, an app, a design system — and whenever the user says the output "looks AI-generated", "looks generic", "doesn't feel designed", or asks to match a reference. Triggers include "restyle", "make this look better", "design a component", "build a UI", "clean up the spacing", "pick fonts", "set up design tokens", or any request where visual quality is the point rather than a side effect. Also use when reviewing an interface for visual defects.

Plugin manifests3

plugins/design-constraints/.codex-plugin/plugin.json
{
  "name": "design-constraints",
  "version": "0.1.0",
  "description": "Design UI with explicit spatial and typographic constraints instead of letting the model guess.",
  "skills": "./skills/"
}
plugins/design-constraints/.claude-plugin/plugin.json
{
  "$schema": "https://anthropic.com/claude-code/plugin.schema.json",
  "name": "design-constraints",
  "description": "Design UI with explicit spatial and typographic constraints instead of letting the model guess.",
  "version": "0.1.0",
  "author": {
    "name": "Adam Perlis"
  },
  "homepage": "https://github.com/adamperlis/adam-plugins/tree/master/plugins/design-constraints",
  "repository": "https://github.com/adamperlis/adam-plugins",
  "license": "MIT",
  "keywords": [
    "design",
    "ui",
    "constraints",
    "typography",
    "spacing"
  ]
}
plugins/design-constraints/plugin.json
{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "design-constraints",
  "version": "0.1.0",
  "description": "Design UI with explicit spatial and typographic constraints instead of letting the model guess.",
  "author": {
    "name": "Adam Perlis",
    "url": "https://github.com/adamperlis"
  },
  "homepage": "https://github.com/adamperlis/adam-plugins/tree/master/plugins/design-constraints",
  "repository": "https://github.com/adamperlis/adam-plugins",
  "license": "MIT",
  "keywords": [
    "design",
    "ui",
    "constraints",
    "typography",
    "spacing"
  ],
  "extensions": {
    "com.openai": {
      "interface": {
        "displayName": "Design Constraints",
        "shortDescription": "Design UI with explicit spatial and typographic constraints instead of letting the mode...",
        "longDescription": "Design UI with explicit spatial and typographic constraints instead of letting the model guess.",
        "developerName": "Adam Perlis",
        "category": "Design",
        "capabilities": [
          "Generate"
        ]
      }
    }
  }
}

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[design-constraints on Agent Plugins Marketplace](https://pluginsmp.com/plugins/design-constraints)