Loading...
Loading...
Found 23 Skills
Help Portaly creators install Google Analytics 4 (GA4) on their websites, set up Portaly event tracking, and connect their GA4 account to Portaly for viewing analytics dashboards. Trigger when the user mentions Google Analytics, GA4, tracking, analytics, website traffic, event tracking, or wants to connect analytics to Portaly.
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, implement UI aesthetics. Keywords: Dribbble, Behance, Mobbin, design inspiration, visual hierarchy, color palette, typography, spacing, animation, micro-interaction, design system, style guide, accessibility, WCAG, contrast ratio, golden ratio, whitespace, visual rhythm. Use when: building beautiful UIs, analyzing design inspiration, implementing visual hierarchy, adding animations/micro-interactions, creating design systems, evaluating aesthetic quality, capturing design screenshots.
Implement Recur checkout flows including embedded, modal, and redirect modes. Use when adding payment buttons, checkout forms, subscription purchase flows, or when user mentions "checkout", "結帳", "付款按鈕", "embedded checkout".
Access Figma designs, extract design systems, and retrieve component specifications. Use when implementing UI from Figma mockups, extracting design tokens, or analyzing design files.
Slack's UI design system. Use when building interfaces inspired by Slack's aesthetic - light mode, Inter font, 4px grid.
Reproduce a UI as exactly as possible from a reference (Figma, live source, screenshot, or image). TRIGGER when: user wants to copy a design exactly, reproduce a screen from a screenshot, clone a Figma design, match spacing/colors/typography in detail, or port a design to another framework without changing the look. DO NOT TRIGGER for redesigns, loose "something like this" requests, or UX improvement tasks.
PostHog integration for SvelteKit applications
Use when an AI agent needs to operate the local Calicat CLI to extract design data, interaction data, PRD data, canvas/page structure, or screenshots from Calicat links or file ids. Trigger especially when the user provides a Calicat design URL, asks the agent to parse file_id, canvas id, or layer id correctly, or asks for whole-canvas frontend implementation that must fetch page data progressively instead of loading all design JSON at once. Also use when the agent needs to verify whether the local Calicat CLI is installed, check its version, or decide whether CLI update/install guidance is needed before continuing.
Get logos and icons for Gmail, Slack, HubSpot, and 200+ other integrations
Analyze a Figma frame's structure, properties, and implementation considerations