web-design-guidelines
πPluginmrclrchtr/skills
Design, implement, and review web interfaces with shared UI guidance
Part of
mrclrchtr/skills
Installation
/plugin marketplace add mrclrchtr/skills/plugin install web-design-guidelines@mrclrchtr-skillsMore from this repository10
Coordinates complex work using a phase-gated, multi-agent engineering loop covering audit, design, implement, review, validate, and deliver stages for structured development workflows.
Skill
Skill
Best practices for testing React components with Vitest, React Testing Library, and MSW
Check for available upgrades to the pi coding agent framework by comparing the current @earendil-works/pi-* or legacy @mariozechner/pi-* version in package.json against releases on earendil-works/pi.
Fetches and normalizes http(s) web pages into clean Markdown for LLM ingestion. Use when a task includes a URL, needs to fetch docs or asks to convert web docs/articles/pages into Markdown for summarizing, quoting, diffing, or saving.
Review code, audit changes, check a PR/commit, or review a design/architecture document. Executes directly with grouped severity findings (critical/high/medium/positive) β no brainstorming, no interactive dialogue.
Create a safe, intentional git commit. Detect the repository's commit convention, stage only the intended changes, write a concise subject, add a brief body when useful, and commit without rewriting history.
Marketplace
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.