Pedi Skills — Design skill for Claude Code

Pedi Skills

Reusable agent skills for building consistent Pedi products. The skills use the portable `SKILL.md` format and can be installed in both Codex and Claude Code.

Available skills

`pedi-design`

Designs, implements, and reviews Pedi-branded websites, mobile apps, product interfaces, internal tools, and marketing surfaces. It includes Pedi's current color, typography, spacing, component, responsive, accessibility, imagery, and motion guidance.

`pedi-layout`

Designs, implements, and reviews authenticated Pedi application shells with a collapsible sidebar, sticky utility header, breadcrumbs, an independent content scroll region, and consistent page composition.

Install

Clone or download this repository, then run the commands below from its root.

Codex — personal installation

mkdir -p ~/.codex/skills
cp -R pedi-design ~/.codex/skills/
cp -R pedi-layout ~/.codex/skills/

The skills are then available across your Codex projects. Invoke them explicitly as `$pedi-design` or `$pedi-layout`, or ask Codex for matching Pedi design or application-layout work and let it select the appropriate skill automatically.

Claude Code — personal installation

mkdir -p ~/.claude/skills
cp -R pedi-design ~/.claude/skills/
cp -R pedi-layout ~/.claude/skills/

The skills are then available across Claude Code projects. Invoke them explicitly as `/pedi-design` or `/pedi-layout`, or make a request that matches a skill description for automatic selection.

Claude Code — project installation

To share the skill with one repository instead of installing it globally:

mkdir -p /path/to/project/.claude/skills
cp -R pedi-design /path/to/project/.claude/skills/
cp -R pedi-layout /path/to/project/.claude/skills/

Commit the copied skill directories in that project so the team receives the same guidance.

Use one checkout in both tools

If you plan to edit the skill locally, symlink one checkout instead of copying it. Replace