ClaudeCodeMod

All shelves / Marketplaces

feedmypixel/principles

feedmypixel/principles · 0 stars · 2 plugins

Marketplace

Install

In Claude Code
/plugin marketplace add feedmypixel/principles

Run inside Claude Code, then install plugins from it. Check the repo's README before you run it.

Open the repo

Plugins 2

After adding the marketplace, install one with /plugin install <name>@principles.

  1. 1principlesPortable web/engineering principles as on-demand skills (components, content, CSS, docs, forms, grid, progressive enhancement, UX, testing, PR discipline)./plugin install principles@principles
  2. 2design-to-codeTurn a design handoff (Claude Design or any self-contained HTML mocks) into production code via a measurable extract → diff → fix loop that refuses to report done without evidence./plugin install design-to-code@principles

Files

README.md

principles

License: MIT Claude Code plugins

Make Claude Code build to your engineering principles — loaded on demand, not crammed into context.

A Claude Code plugin marketplace carrying two plugins:

Plugin What it does
principles Ten portable web/engineering principles as on-demand skills — components, content, CSS, docs, forms, grid, progressive enhancement, UX, testing strategy, PR discipline. Rules are portable; values come from your own tokens.css.
design-to-code Turn a design handoff (Claude Design or any self-contained HTML mocks) into production code via a measurable extract → diff → fix loop. "Looks like the design" becomes a numeric spec diff that must be empty — no done without evidence.

Install

Add the marketplace once:

/plugin marketplace add feedmypixel/principles

Then install either or both:

/plugin install principles@principles
/plugin install design-to-code@principles

Scope prompt: user = every session on your machine; project = committed to the repo, everyone who clones it inherits the plugin.

Updating

/plugin marketplace update principles
/plugin update principles
/plugin update design-to-code

Then a fresh session or /clear — the skill list is snapshotted at session start.

License

MIT.

Facts

Kind
Marketplace
Repo
feedmypixel/principles
Group
Uncategorized
Stars
0
Marketplace name
principles
Owner
feedmypixel
License
MIT
Language
JavaScript
Created
2026-10-09
Last push
2026-10-11
Topics
claude, claude-code, claude-plugin, claude-skills, css-architecture, design-systems, engineering-principles, progressive-enhancement, claude-design, design-to-code
Plugins
2

More on this shelf

  1. 1obra/superpowersobra/superpowersAn agentic skills framework & software development methodology that works.297.9k
  2. 2affaan-m/everything-claude-codeaffaan-m/ECCThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.277.5k
  3. 3anthropics/skillsanthropics/skillsPublic repository for Agent Skills180.6k
  4. 4f/prompts.chatf/prompts.chatf.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.172.7k
  5. 5anthropics/claude-codeanthropics/claude-codeClaude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.150.3k
  6. 6nextlevelbuilder/ui-ux-pro-max-skillnextlevelbuilder/ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.135k