skills.rest
justeattakeawayjusteattakeawayOfficial·2 Agent Skills Included

pie

Build and test Just Eat's PIE design system components

Builds, tests, and documents PIE web components, design tokens, and icons for Just Eat Takeaway's global design system. Guides Figma Code Connect template creation, icon syncing, docs authoring, and cross-framework prop testing without manual setup. Enforces correct token usage, component APIs, and accessibility standards so UI work stays consistent and error-free.
40|21
↗
npx skills add justeattakeaway/pie --all -g -y
Available:

Tells the AI agent how the PIE monorepo is structured, which conventions to follow for components, testing, tokens, and commits, and how to run builds and tests correctly.

All Skills in This Repository (2)

Pure Emerald Level Indicators
📦 In Repo
justeattakeawayjusteattakeaway

skill-reviewer

Validate SKILL.md files against hard and best-practice rules and generate compliance reports.

Official
Intermediate
📦 In Repo
justeattakeawayjusteattakeaway

pie-design-system

Provide PIE design system guidelines for components, design tokens, and integration.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install PIE design system skills?▼

Run `npx skills add justeattakeaway/pie --all -g -y` in your terminal to install all skills in this suite globally.

What is the PIE design system?▼

PIE (Principles for Interfaces and Experiences) is Just Eat Takeaway's global design system, containing framework-agnostic web components built with Lit, design tokens, icons, and documentation.

How do I use PIE components in my project?▼

The pie-design-system skill guides your agent through CSS setup, typography, and framework integration, then looks up correct component props, slots, events, and design tokens for your UI.

Can I connect PIE components to Figma?▼

Yes. The add-code-connect-template and sync-code-connect-icons skills generate Figma Code Connect templates and sync new icons to their Figma counterparts automatically.

Do I need coding experience to use these skills?▼

Basic familiarity helps, but the skills handle the technical details like token lookups, test setup, and build commands based on your plain-English requests.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills