Agent Plugins Marketplace
← All plugins

frontend-design

v1.0.1

Astro, frontend design, and web design guidelines skills

Claude Code3 Skills

By devantler-tech2 GitHub starsUpdated 2 hours ago

Directory evidence

Runtimes
Claude Code
Parsed components
3 skill or MCP entries
Source updated
Oct 4, 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 frontend-design for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install frontend-design-7@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

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/devantler-tech/agent-plugins

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

Plugin files

plugins/frontend-design/
├── .claude-plugin/plugin.json
├── skills/astro/SKILL.md
├── skills/frontend-design/SKILL.md
└── skills/web-design-guidelines/SKILL.md

Included Skills3

astroskills/astro/SKILL.md

Skill for building with the Astro web framework. Helps create Astro components and pages, configure SSR adapters, set up content collections, deploy static sites, and manage project structure and CLI commands. Use when the user needs to work with Astro, mentions .astro files, asks about static site generation (SSG), islands architecture, content collections, or deploying an Astro project.

frontend-designskills/frontend-design/SKILL.md

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

web-design-guidelinesskills/web-design-guidelines/SKILL.md

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Plugin manifests1

plugins/frontend-design/.claude-plugin/plugin.json
{
  "name": "frontend-design",
  "description": "Astro, frontend design, and web design guidelines skills",
  "version": "1.0.1",
  "author": {
    "name": "devantler-tech",
    "url": "https://github.com/devantler-tech"
  },
  "keywords": [
    "frontend",
    "ui",
    "ux",
    "astro",
    "web-design",
    "css",
    "accessibility",
    "design"
  ]
}

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

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