claude

Petal Design

Name: Petal Design
Author: Petal Framework

Design doctrine for Phoenix apps using petal_components - build, review, and theme UI that stays on the design system. Pairs with the Petal MCP (mcp.petal.build).

1,066 on GitHubby Petal Frameworkv4.18.0MITupdated 2 days ago

Plugin petal-design from marketplace petal in petalframework/petal_components. Commands read from the repo's manifest — 2 days ago.

What it installs

Skills (1)

petal-design
Design doctrine for Phoenix apps using petal_components. Use whenever you build, edit, review, or theme UI in a Phoenix or LiveView project - writing or changing HEEx templates, composing pages from <.component> tags, styling custom markup with Tailwind, wiring dark mode, applying a brand theme, or

View source on GitHub petal.build

Similar plugins

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

functional-programming

claude

Functional programming with Elixir, OTP patterns, Phoenix framework, and distributed systems

2 agents

wshobson/agents 42,461

14 bundled product skills with 19 Python tools: product-skills fork-orchestrator with continuous-discovery loop (deterministic 16-lane router, Torres cadence tracker, OST linter, /cs-product + /cs-grill-product + /cs-product-loop), product manager toolkit (RICE, PRDs), product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, spec-to-repo, design-qa (UI finish gate: inert controls, missing states, rendered WCAG 2.2 checks). Companion standalone plugins: agile-product-owner, code-to-prd, apple-hig-expert, research-summarizer, design-qa.

14 skills · 3 commands · 1 agent · hooks

alirezarezvani/claude-skills 29,725

observability

claude

LLM application monitoring including LangSmith and Phoenix. Use when debugging LLM apps or monitoring production systems.

98 skills

Orchestra-Research/AI-Research-SKILLs 14,502

arize-phoenix

claudecodex

Connect to your Phoenix instance to debug, evaluate, and improve LLM applications.

1 MCP server

Arize-ai/phoenix 12,267

interface-design

claude

Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Maintains design decisions across sessions.

1 skill

Dammyjay93/interface-design 5,967

Maintain Petal Design?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted