feedmypixel/principles
feedmypixel/principles · 0 stars · 2 plugins
Marketplace
Install
/plugin marketplace add feedmypixel/principlesRun inside Claude Code, then install plugins from it. Check the repo's README before you run it.
Plugins 2
After adding the marketplace, install one with /plugin install <name>@principles.
- 1principlesPortable web/engineering principles as on-demand skills (components, content, CSS, docs, forms, grid, progressive enhancement, UX, testing, PR discipline).
/plugin install principles@principles - 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
principles
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.
{
"name": "principles",
"owner": {
"name": "feedmypixel"
},
"description": "Portable engineering principles and a measurable design-to-code workflow, as on-demand Claude Code skills.",
"plugins": [
{
"name": "principles",
"source": "./principles",
"description": "Portable web/engineering principles as on-demand skills (components, content, CSS, docs, forms, grid, progressive enhancement, UX, testing, PR discipline)."
},
{
"name": "design-to-code",
"source": "./design-to-code",
"description": "Turn 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."
}
]
}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
- 1obra/superpowersobra/superpowersAn agentic skills framework & software development methodology that works.297.9k
- 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
- 3anthropics/skillsanthropics/skillsPublic repository for Agent Skills180.6k
- 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
- 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
- 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