Plugin · Claude Code · Frontend & UI

Petekp Agent Skills

petekp-agent-skills is a Claude Code plugin for the Build phase that bundles 44 agent skills for UI development, design iteration, and implementation parameter tuning.

by petekp · github.com/petekp/agent-skills

Install when you want agent-guided UI builds, design-parameter tuning, and iterative interface work across web and native-style apps.

4
GitHub stars
0
Installs
0
Community votes
One vote per signed-in builder - it helps surface the tools the community actually relies on.
Install

Add it to Claude Code

Install the plugin in Claude Code. One command, paste-ready.

Install the plugin
/plugin install petekp-agent-skills@petekp/agent-skills
Add to ClaudeUse the Agent APISkillselion is itself an MCP server - your agent can fetch this config directly.
Agent API

Built to be called by your agent

Skillselion is itself an MCP server. Your agent can pull this entry and a paste-ready install config straight from the API - no copy-paste.

Retrieve this entry with skillselion.get_details("plugin:petekp/agent-skills") and the paste-ready config with skillselion.get_install_config("plugin:petekp/agent-skills").

About

What it does

petekp-agent-skills is a large Claude Code plugin bundle from petekp/agent-skills with forty-four skills focused on user-interface development, iterative design, and tuning implementation parameters while an agent writes or refactors code. Solo builders shipping SaaS dashboards, marketing sites, or extension UIs can register the plugin to give their agent structured guidance on layout, accessibility, styling, and component architecture instead of ad-hoc prompting. The collection aligns with agent-driven and agent-maintained workflows, so it fits teams of one who want repeatable rituals for reviewing UI claims, resolving conflicts, and evolving aesthetics without losing compile-ready correctness. Use it during prototype polish and full build phases when you are actively changing screens, not for production monitoring or growth analytics. Compared with a single-purpose linter skill, this is a broad UI craft library rather than one automated check.

Highlights

  • 44 bundled agent skills aimed at UI development and design iteration
  • Covers parameter tuning, accessibility, and component-level implementation patterns
  • Supports agent-assisted and agent-maintained codebase workflows for interface work
  • Spans visual craft topics including color, motion, and architectural UI boundaries
  • Useful when pairing Claude Code or Codex with breadboarding and design-to-code loops

Why builders use it

Solo builders waste cycles re-explaining UI standards, accessibility, and design constraints every time an agent touches the frontend.

After you add the plugin, your agent can draw on dozens of UI-focused skills for consistent interface work and faster design-to-code iteration.

At a glance

  • Type - Plugin in Frontend & UI.
  • Adoption - 0 installs, 4 stars, 0 votes.

FAQ

Who is petekp-agent-skills for?

It is for solo and indie developers who ship product UIs with coding agents and want structured help on design, components, and iteration.

When should I use petekp-agent-skills?

Use it while prototyping or building screens, tuning visual parameters, or when you need repeatable agent guidance across many UI tasks.

How do I add petekp-agent-skills to my agent?

Register the petekp/agent-skills Claude Code plugin from the Skillselion catalog entry, install per your marketplace flow, then invoke skills during frontend sessions.

Discussion

Comments

Share how you use petekp-agent-skills, gotchas, or tips for other indie builders.

No comments yet - be the first to share how you use it.

This week for builders

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.