Skip to skills
AI Craft Pad
Home/Skills/Plugins/frontend-design
Plugins

frontend-design

A Claude Code plugin for turning a visual brief into frontend implementation, with a bundled design skill rather than a separate browser connection.

anthropics/claude-plugins-official ↗License: Apache-2.0Runtime safety: UnknownScore: 75/100

What it does

The checked package exposes frontend design guidance through a Claude Code plugin manifest and a skills directory. Its scoped README describes interface implementation, typography, color and visual direction. This is guidance for the coding agent; the manifest does not establish that the resulting interface has been tested or that it matches an existing product system.

Best for

A developer with a concrete interface brief, existing project conventions and an opportunity to inspect the rendered result. Supply the real content, target widths and accessibility expectations before asking for a component or page.

Tradeoffs

Creative direction can conflict with a mature site's visual language. State which spacing, navigation and brand assets must be preserved. Bundled instructions do not replace browser validation, keyboard checks or review of generated dependencies.

A practical first task

Try one small settings panel in a disposable branch. Give the agent a reference to your current components and a short list of acceptance conditions. Inspect desktop and mobile output before broadening the task.

What to validate

Confirm focus visibility, text contrast, overflow and the behavior of real controls. Compare the delivered artifact against your brief. This assessment reads package metadata and documentation; it does not run the plugin or certify the frontend it produces.

Compatibility

claude-code

Publisher manifest for claude-code; runtime behavior not tested

Compatibility source

Installation and requirements

Review the publisher setup, permissions, credentials and service costs before use.

Open the pinned package below and follow its publisher instructions for your agent. A Skills installer is not a universal plugin installer. Review hooks, bundled MCP connections, permissions and configuration before enabling the package.

Detected formats

  • .claude-plugin/plugin.json — plugins/frontend-design/.claude-plugin/plugin.json

Bundled components

Skills Declared
No
Mcp Declared
No
Hooks Declared
No
Skills Present
Yes
Mcp Config Present
No
Hooks Present
No
Apps Declared
No

Presence is a static file/manifest observation. A missing declaration does not prove the component is absent at runtime.

Read publisher setup ↗

Unknown; source software and connected services may have separate terms.

Safety and permissions

Unknown — no runtime security assessment.

Only sanitized manifest/registry metadata and bounded documentation are inspected. Package code, transitive dependencies, hooks and remote services have not been audited. Review access before use.

    Related Skills

    Category-based discovery suggestions. Review functional overlap; these combinations have not been integration-tested.

    Design & UX86/100

    brand guidelines

    anthropics/skills

    An Anthropic-specific visual identity reference for applying its palette and typography to appropriate artifacts.

    First-party sourceComplete terms in LICENSE.txtEditorial review2 matching source records

    Repository star change: +586 over 26.7 hours. 2026-11-01

    186,004 repo stars0 text flagsReview ↗
    Design & UX86/100

    frontend design

    anthropics/skills

    A design-direction skill for giving a new interface a deliberate visual identity and reviewing whether the result fits its audience and task.

    First-party sourceComplete terms in LICENSE.txtEditorial review

    Repository star change: +586 over 26.7 hours. 2026-11-01

    186,004 repo stars0 text flagsReview ↗
    Design & UX86/100

    expo native ui

    expo/skills

    A native interface review guide for Expo screens, semantic colors, controls, icons, media and responsive layout.

    First-party sourceMITEditorial review

    Repository star change: +74 over 26.7 hours. 2026-11-01

    3,988 repo stars1 text flagReview ↗

    Similar tools and alternatives

    Category-based discovery suggestions. Review functional overlap; these combinations have not been integration-tested.

    Design & UX75/100

    landing

    alirezarezvani/claude-skills · Plugin

    Explore landing as an agent plugin package for design & ux. Review its supported format, bundled components and setup requirements before installing.

    Manifest metadataMIT
    29,099 repo stars1 metadata flagReview ↗
    Design & UX75/100

    slo architect

    alirezarezvani/claude-skills · Plugin

    Explore slo-architect as an agent plugin package for design & ux. Review its supported format, bundled components and setup requirements before installing.

    Manifest metadataMIT
    29,099 repo stars1 metadata flagReview ↗
    Design & UX74/100

    playground

    anthropics/claude-plugins-official · Plugin

    Explore playground as an agent plugin package for design & ux. Review its supported format, bundled components and setup requirements before installing.

    Manifest metadataApache-2.0
    45,633 repo stars0 metadata flagsReview ↗

    Related MCP Servers

    Category-based discovery suggestions. Review functional overlap; these combinations have not been integration-tested.

    Design & UX72/100

    AINDF

    0design/ai-native-design-framework · MCP server

    Explore AINDF as an MCP connection for design & ux. Compare the declared transport, package requirements and source evidence before connecting an agent.

    Registry metadataMIT
    27 repo stars1 metadata flagReview ↗
    Design & UX71/100

    dsh verify

    263311487-ux/dsh-verify · MCP server

    Explore dsh-verify as an MCP connection for design & ux. Compare the declared transport, package requirements and source evidence before connecting an agent.

    Registry metadataMIT
    2 repo stars1 metadata flagReview ↗
    Design & UX8/100

    2nd Brick

    io.github.noahgsolomon/2nd-brick · MCP server

    Explore 2nd Brick as an MCP connection for design & ux. Compare the declared transport, package requirements and source evidence before connecting an agent.

    Registry metadataUnknown
    Unknown repo stars2 metadata flagsReview ↗

    Works well with

    Choose a complementary capability only after checking for duplicated permissions and bundled connections. Agent Stacks explain the roles and validation steps; they are proposals, not tested integrations.

    Build a stack for your task · Related AI guides · Report a correction