Menu
Find, save, copy, and adapt Design templates. Use when the user references a template, a prior design, or wants a reusable starting point.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
How to look up version-matched Agent Native framework docs and source in node_modules. Use before coding against @agent-native/core APIs or advanced features.
Creating, editing, and managing extensions — sandboxed Alpine.js mini-apps that run inside iframes. Use when a user asks for a dashboard, widget, calculator, or any interactive mini-app that calls external APIs. Distinct from LLM "tools" (function calls) — see note below.
Agent observability, evals, feedback, and experiments. Use when adding observability dashboards, configuring trace capture, setting up evals, creating A/B experiments, or collecting user feedback on agent responses.
Server-side analytics tracking with pluggable providers. Use when adding analytics events, registering custom tracking providers, or configuring built-in providers (PostHog, Mixpanel, Amplitude, Webhook).
Live calendar-backed meetings in Clips — upcoming Google Calendar events, desktop join/record reminders, live transcripts with mic + system-audio capture, AI summary / bullets / per-attendee action items, and the bidirectional recording↔meeting link. Use when listing meetings, opening a meeting detail, finalizing notes, connecting a calendar, or working with attendee-tagged transcript segments.
Declare, evaluate, manage, and remove framework feature flags. Use when shipping a capability gradually, targeting users or organizations, or replacing a compile-time rollout switch with a production-safe runtime flag.
| name | design-templates |
| description | Find, save, copy, and adapt Design templates. Use when the user references a template, a prior design, or wants a reusable starting point. |
navigation or call view-screen when the current template or design
is unclear.list-design-templates and list-designs
before generating. Match the requested name or id; ask only when multiple
plausible results remain.save-design-as-template with the source
designId. The action snapshots inline screens, canvas dimensions,
defaults, linked design system, and locked layers.create-design-from-template with the
resolved templateId. Pass designSystemId only when the user selected an
override; the action access-checks it and returns the effective linked id.get-design-snapshot exactly once,
then refine the existing unlocked content with edit-design. Never call
generate-design, delete the copied screens, or recreate the template from
scratch.data-agent-native-locked="true" is authoritative. Keep each locked element
and all descendants byte-for-byte unchanged during adaptation. If the user
explicitly wants one changed, ask them to unlock it in the Layers panel first.
delete-design-template.designs rows and do not invent alternate
template action names.design-generation — creating and refining Design screens.design-systems — applying linked systems and tokens.sharing — access and sharing rules for user-created templates.