Agent Plugins Marketplace
← All plugins

aasb-aas-product-design-studio

v19.6.0

Install the "AAS Product Design Studio" workflow plugin from Agentic Awesome Skills.

CodexClaude CodeAgent Plugins13 Skills

By sickn33 and contributorsLicense: MIT47.5k GitHub starsUpdated last week

Directory evidence

Runtimes
Codex, Claude Code, and Agent Plugins
Parsed components
13 skill or MCP entries
Source updated
Oct 13, 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 aasb-aas-product-design-studio for Codex and Claude Code

Installs for the current user
codex plugin marketplace add sickn33/agentic-awesome-skills
codex plugin marketplace upgrade agentic-awesome-skills
codex plugin add aasb-aas-product-design-studio@agentic-awesome-skills

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

Compatibility: the page URL and API slug “aasb-aas-product-design-studio” remain stable.

  • Codex: aasb-aas-product-design-studio@agent-plugin-marketplace → aasb-aas-product-design-studio@agentic-awesome-skills

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/sickn33/agentic-awesome-skills

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

Plugin files

plugins/agentic-bundle-aas-product-design-studio/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── plugin.json
├── skills/3d-web-experience/SKILL.md
├── skills/canvas-design/SKILL.md
├── skills/frontend-design/SKILL.md
├── skills/high-end-visual-design/SKILL.md
├── skills/interactive-portfolio/SKILL.md
├── skills/mobile-design/SKILL.md
├── skills/scroll-experience/SKILL.md
├── skills/ui-a11y/SKILL.md
├── skills/ui-from-screenshot/SKILL.md
├── skills/ui-review/SKILL.md
├── skills/ui-states/SKILL.md
├── skills/ui-ux-pro-max/SKILL.md
└── skills/write-design-md/SKILL.md

Included Skills13

3d-web-experienceskills/3d-web-experience/SKILL.md

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

canvas-designskills/canvas-design/SKILL.md

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

frontend-designskills/frontend-design/SKILL.md

Design and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints.

high-end-visual-designskills/high-end-visual-design/SKILL.md

Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.

interactive-portfolioskills/interactive-portfolio/SKILL.md

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

mobile-designskills/mobile-design/SKILL.md

(Mobile-First · Touch-First · Platform-Respectful)

scroll-experienceskills/scroll-experience/SKILL.md

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences.

ui-a11yskills/ui-a11y/SKILL.md

Audit a component or page for accessibility issues and fix them

ui-from-screenshotskills/ui-from-screenshot/SKILL.md

Turn a screenshot or mockup into matching UI with the project's own components, then compare the result side by side with the image and fix the differences.

ui-reviewskills/ui-review/SKILL.md

Review UI code for design system compliance, accessibility, and best practices

ui-statesskills/ui-states/SKILL.md

Design and build the UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied and success.

ui-ux-pro-maxskills/ui-ux-pro-max/SKILL.md

Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

write-design-mdskills/write-design-md/SKILL.md

Write or update a project's DESIGN.md from the colors, type, spacing and components it really uses, with rules agents follow so new screens match.

Plugin manifests3

plugins/agentic-bundle-aas-product-design-studio/.codex-plugin/plugin.json
{
  "name": "aasb-aas-product-design-studio",
  "version": "19.6.0",
  "description": "Install the \"AAS Product Design Studio\" workflow plugin from Agentic Awesome Skills.",
  "author": {
    "name": "sickn33 and contributors",
    "url": "https://github.com/sickn33/agentic-awesome-skills"
  },
  "homepage": "https://github.com/sickn33/agentic-awesome-skills",
  "repository": "https://github.com/sickn33/agentic-awesome-skills",
  "license": "MIT",
  "keywords": [
    "codex",
    "skills",
    "bundle",
    "aas-product-design-studio",
    "productivity"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "AAS Product Design Studio",
    "shortDescription": "Shape product UI through design critique, visual direction, accessibility, responsive UX, motion, and asset generation.",
    "longDescription": "Shape product UI through design critique, visual direction, accessibility, responsive UX, motion, and asset generation. Turn a brief or supplied screenshot into a coherent visual direction, documented design rules and responsive interface states. Recommended for: Product designers, Frontend teams, Founders polishing a product surface. Not for: Complete application delivery and browser regression coverage: use Web App Builder, A dedicated accessibility audit: use Accessibility & Inclusive UX. Covers UI UX Pro Max, High End Visual Design, and 11 more skills.",
    "developerName": "sickn33 and contributors",
    "category": "Specialized Product Plugins",
    "capabilities": [
      "Interactive",
      "Write"
    ],
    "websiteURL": "https://aaskills.tech/",
    "privacyPolicyURL": "https://github.com/sickn33/agentic-awesome-skills/blob/main/PRIVACY.md",
    "termsOfServiceURL": "https://github.com/sickn33/agentic-awesome-skills/blob/main/TERMS.md",
    "brandColor": "#111827",
    "defaultPrompt": [
      "Review this product brief and existing interface. Propose a visual direction, implement one representative responsive screen, and check typography, spacing, contrast and motion. Add 3D or custom artwork only if the brief calls for it.",
      "Use this plugin to design a responsive accessible product screen and handoff notes for implementation.",
      "Use this plugin to improve the visual polish, motion, and accessibility of this interface.",
      "Review this project for the added coverage: Record visual decisions and reusable interface rules in a design document; Translate a supplied screenshot into an interface with explicit assumptions; Design loading, empty, error and success states with accessible feedback. Use only the relevant skills and existing stack. Report observed checks and limitations; prepare drafts before external or production actions."
    ]
  }
}
plugins/agentic-bundle-aas-product-design-studio/.claude-plugin/plugin.json
{
  "name": "agentic-bundle-aas-product-design-studio",
  "version": "19.6.0",
  "description": "Editorial \"AAS Product Design Studio\" bundle for Claude Code from Agentic Awesome Skills.",
  "author": {
    "name": "sickn33 and contributors",
    "url": "https://github.com/sickn33/agentic-awesome-skills"
  },
  "homepage": "https://github.com/sickn33/agentic-awesome-skills",
  "repository": "https://github.com/sickn33/agentic-awesome-skills",
  "license": "MIT",
  "keywords": [
    "claude-code",
    "skills",
    "bundle",
    "aas-product-design-studio",
    "agentic-awesome-skills"
  ]
}
plugins/agentic-bundle-aas-product-design-studio/plugin.json
{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "agentic-bundle-aas-product-design-studio",
  "version": "19.6.0",
  "description": "Portable skills-only \"AAS Product Design Studio\" plugin from Agentic Awesome Skills.",
  "author": {
    "name": "sickn33 and contributors",
    "url": "https://github.com/sickn33/agentic-awesome-skills"
  },
  "homepage": "https://github.com/sickn33/agentic-awesome-skills",
  "repository": "https://github.com/sickn33/agentic-awesome-skills",
  "license": "MIT",
  "keywords": [
    "agent-plugins",
    "agent-skills",
    "bundle",
    "aas-product-design-studio",
    "agentic-awesome-skills"
  ]
}

For maintainers

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

[aasb-aas-product-design-studio on Agent Plugins Marketplace](https://pluginsmp.com/plugins/aasb-aas-product-design-studio)