AI Agent Skills

Disney+ UI Clone with React Native & Expo

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build landing pages, websites, dashboards, web components, o…

Use when designing, implementing, or reviewing adaptive Compose UI for KMP or Android projects — window-size layouts, adaptive navigation, canonical layouts, multi-windo…

Data driven settings UI generation.

Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI a…

👯‍♀️A cli tool makes your Figma and local design token stay in sync 👯‍♂️

Writing Quality Editor (WQE) composes, assesses, revises, and adapts user-facing writing so it reads naturally while preserving meaning, claims, intent, voice, condition…

Use when designing, implementing, or reviewing tests in KMP projects — unit tests, instrumented tests, Compose Multiplatform UI tests, test doubles, test strategy, stabi…

A Modern UI Website for your next generation SaaS

This skill should be used after visual-spec-review passes and before OpenSpec UI update or frontend implementation. It expands screenshot-derived visual specs into a pro…

This skill should be used when the user asks to convert a PRD, OpenSpec change, or product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity…

Figma-flavored squircles for everyone

Check the compliance of your design guidelines within seconds

Decathlon Design System UI components for web applications

The open source way of designing server-driven UI, with instant updates. Follow to stay updated about our Beta.

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, componen…