AI Agent Skills

为开发者、设计师和产品经理准备的 UI 设计语言

Apply Palot's design contract. Use when changing renderer UI, responsive layouts, panes, sidebars, cards, Tailwind classes, themes, typography, component styling, or vis…

Operate Palot's Electron build and channel lifecycle. Use for main, preload, or lifecycle changes; dev supervisor or launcher work; native dependencies or generated bina…

Measure and improve Palot desktop runtime performance. Use for reported slowness or regressions; profiling CPU, memory, long tasks, React commits, style/layout/paint cos…

Test Palot's native Electron renderer with preload, IPC, and OpenCode integration. Use when adding or running desktop E2E scenarios, interactively inspecting the native…

CION - Design system boilerplate for Vue.js

News App 📱 built to demonstrate the use of SwiftUI 3 features, Async/Await, CoreData and MVVM architecture pattern.

Generate type scales, color palettes, spacing systems, WCAG contrast checks, and dark mode derivations with math. Use when setting up a design system, creating tokens, o…

Framer Motion (Motion) animation patterns for React — springs, staggers, layout animations, micro-interactions, scroll effects, and page transitions. Use when building o…

Powerful SQLite adapter for web, mobile and desktop. Build reactive UI on top of it

This skill should be used when the user asks "How do I...", "What is...", "How does X work in Prismatic?", "What's the best practice for...", wants to understand Prismat…

Utility for building design system in react-native. Idea from TailwindCSS

Framework for moderated access with custom UI to remote JavaScript runtime

Create, manage and distribute design tokens.

Powerful, intelligent and easy to use Figma internationalisation scripts.

Open-source React components styled with Tailwind CSS.