菜单
Use this skill to generate well-branded interfaces and assets for PDPP (the Personal Data Portability Protocol), either for production or throwaway prototypes/mocks. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when a coding agent needs PDPP data (the user's email, finance, coding history, or other personal data exposed by a PDPP server) to answer a task. The skill teaches discovery-first capability lookup, scoped grant requests, project-local token caching, and grant-safe data consumption. Use this instead of asking the user for an owner bearer token, instead of guessing endpoints, and instead of broad unbounded scans.
Use ONLY when you are a trusted local owner agent that the operator has explicitly authorized to act as themselves against their own PDPP reference instance — for example a local assistant such as Daisy running on the owner's machine. This profile uses an owner-level REST/control-plane credential obtained through browser-mediated owner approval, and teaches token-efficient initial and incremental sync of all current and future owner data. This is owner-level local automation, not the default agent path. Routine third-party, coding-agent, and task-scoped assistants MUST use the grant-scoped pdpp-data-access skill instead.
Synthetic skill fixture for source-inventory tests
Synthetic second-device skill fixture; proves device homes inventory independently
Synthetic Codex skill fixture for source-inventory tests
Use when a coding agent needs PDPP data (the user's email, finance, coding history, or other personal data exposed by a PDPP server) to answer a task. The skill teaches discovery-first capability lookup, scoped grant requests, project-local token caching, and grant-safe data consumption. Use this instead of asking the user for an owner bearer token, instead of guessing endpoints, and instead of broad unbounded scans.
| name | pdpp-design |
| description | Use this skill to generate well-branded interfaces and assets for PDPP (the Personal Data Portability Protocol), either for production or throwaway prototypes/mocks. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. |
| user-invocable | true |
Read README.md at the root of this skill. It contains the full visual foundations, content fundamentals, and iconography rules.
Other files you should know about:
colors_and_type.css — CSS variables for colors, type, motion, layout; semantic .pdpp-* type classes. Copy-paste into any new HTML.assets/ — logo-mark.svg (the 20×20 blue "P" square), wordmark.svg.ui_kits/web/ — the reference site. Components: SiteHeader, Hero, ConsentCard (human temperature), GrantInspector (protocol temperature), StreamInventory, GrantsList, Teaching (CodeBlock, FlowDiagram). kit.css adds component classes (pdpp-btn, pdpp-badge, pdpp-surface-*). Open index.html to see them composed.preview/ — individual specimen cards used in the Design System tab.If creating visual artifacts (slides, mocks, throwaway prototypes): link colors_and_type.css and ui_kits/web/kit.css, copy assets out, produce static HTML for the user to view.
If working on production code: read the rules in README.md, mirror token names (--primary, --human, --foreground, etc.), and match the temperature system — every emphasis surface picks either human (copper left rule) or protocol (blue left rule), never both.
--human). Protocol = blue (--primary). Neutral = plain border. Pick one per surface.›, ↺, →, ·), status dots, and mono labels. If you're reaching for Lucide, stop and try a word or a chip.CONSENT, GRANT, §3.1).client_id, purpose_code, grant ID, or field name renders in var(--font-mono). Lowercase-with-underscores.Ask what they want to build — a spec page, a consent flow, a dashboard, a doc article. Ask 3–5 clarifying questions (audience? human-facing vs developer-facing? needs data-flow diagram? how many surfaces?). Then output HTML artifacts or production code depending on the need.