generative ui skills

67 tagged generative ui, measured the same way as everything else here.

Browse within: genui 14go 14artificial-intelligence 13gemini 13generative-ai 13javascript 13Code Generation 11chatbot 11e2b 11firecrawl 11admin-dahsboard 9claude-skill 7dataviz 5json 5

frontend-slides

01

zarazhangrui/frontend-slides

Skill Claude CodeCodex

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

28k 2mo ago A 63 tokens original MIT

add-harness-package

02

vercel/ai

Skill Claude CodeCodex

Guide for adding new AI SDK harness packages. Use when creating a new @ai-sdk/harness- package that adapts a coding-agent runtime to HarnessV1.

27k +14 today A 41 tokens

vercel/ai

Skill Claude CodeCodex

Guide for adding first-party AI provider packages to the AI SDK. Use when creating a provider package under packages/ to integrate an external AI service.

27k +14 today A 33 tokens

adr-skill

04

vercel/ai

Skill Claude CodeCodex

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject, deprecate, or supersede an ADR; bootstrap an adr folder and index; consult existing ADRs before implementing changes; or enforce ADR conventions. This skill uses…

27k +14 today A 89 tokens

openbot-data-access

05

CopilotKit/OpenBot

Skill Claude CodeCodex

Governs how the OpenBot browser app reads and writes server data — every request goes through client in app/src/lib/client.ts, every read is a queryOptions factory in app/src/lib/ /queries.ts, every write is a mutationOptions factory in app/src/lib/ /mutations.ts, and components consume them through…

3.5k 3d ago A 189 tokens original MIT

CopilotKit/OpenBot

Skill Claude CodeCodex

The default layout for every OpenBot configuration screen — PageShell and its prose/wide widths, PageSection and PageRows, Item row composition, the settings-row pattern where a summary and a chevron open a dialog, and the size and variant vocabulary. This is what a new screen looks like unless an instruction says…

3.5k 3d ago A 183 tokens original MIT

a2ui-generation

07

AGenUI/AGenUI

Skill Claude CodeCodex

Design and generate A2UI updateComponents and updateDataModel payloads for three modes (DTO component, non-DTO component, non-DTO page). Use when asked to create or refine A2UI cards, components, or pages from DTO/JSON/business data, generate Python transformer code for DTO-driven components, iterate on existing A2UI…

1.1k 4d ago A 147 tokens original Apache-2.0

miuuyy/Clew

Skill Claude CodeCodex

Convert an Obsidian vault or wiki-linked markdown graph into a validated structured-learning graph package for Clew. Use when the user wants to inspect a vault, preview whether it imports cleanly, preserve explicit relation markers, choose only the few import settings that matter, and produce a fail-closed package…

162 17d ago A 72 tokens original MIT

agent-browser

09

molefrog/moi

Skill Claude CodeCodex

Core agent-browser usage guide. Read this before running any agent-browser commands. Covers the snapshot-and-ref workflow, navigating pages, interacting with elements (click, fill, type, select), extracting text and data, taking screenshots, managing tabs, handling forms and auth, waiting for content, running multiple…

133 3d ago A 113 tokens

shadcn

10

molefrog/moi

Skill Claude CodeCodex

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…

133 3d ago A 90 tokens

moi-workspace

11

molefrog/moi

Skill Claude CodeCodex

The moi workspace — the web UI the user chats from, extended with agent-authored applets (widgets, views) plus theme & config. Read this FIRST when a message carries a hidden moi-context envelope or the user uses moi vocab such as workspace, applet, widget, view, scratchpad, dashboard, or a moi command, or asks to…

133 3d ago A 94 tokens

mdma-integration

12

MobileReality/mdma

Skill Claude CodeCodex

Integrate MDMA into an application and build features with it — wire up parsing, the runtime store, React rendering, LLM streaming, custom components, prompts, and CI validation. Use this skill when the user asks to add MDMA to an app, build a chat that streams MDMA, author or maintain a custom prompt, validate MDMA…

66 22d ago A 111 tokens original MIT

hyperweave-verbs

13

InnerAura/hyperweave

Skill Claude CodeCodex

Read, verify, mutate, and round-trip HyperWeave living artifacts via the verb algebra instead of vision-parsing the SVG.

36 2d ago A 32 tokens original Apache-2.0

ai-agents-ui-skills

14

gocallum/nextjs16-agent-skills

Skill Claude CodeCodex

Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).

23 7mo ago A 32 tokens

openui-forge-csharp

15

OthmanAdi/openui-forge

Skill Claude CodeCodex

OpenUI generative UI with C# ASP.NET Core Minimal API backend. Direct OpenAI API SSE streaming via HttpClient on .NET 10.

22 29d ago A 37 tokens original MIT

openui-forge-zh

16

OthmanAdi/openui-forge

Skill Claude CodeCodex

A guide to building generative user interfaces with OpenUI, an open format in which a language model describes interactive components that a React application renders as they arrive. It supports different language-model providers and backend languages.

22 29d ago A 44 tokens original MIT

openui-forge

17

OthmanAdi/openui-forge

Skill Claude CodeCodex

Build generative UI with OpenUI — any LLM provider, any backend language. Scaffold, integrate, validate.

22 29d ago A 28 tokens original MIT

a2tl-video

18

ANFAIA/SkillNet

Skill Claude CodeCodex

Generate animated explainer videos as an instant, embeddable HTML web player from a compact A2TL-Video spec (.vdsl format). Use when the user wants a video, animation, or motion graphic for docs, courses, landing pages, or presentations — anything that should play in the browser. Part of the A2TL family (a2tl-web…

11 yesterday A 84 tokens original Apache-2.0

sandeshnaroju/ai-skill-engine

Skill Claude CodeCodex

Use this skill when you need to manage files inside the active remote or local sandbox, including listing sandbox files, downloading files from the sandbox to the local backend, or uploading local backend files to the sandbox.

11 5d ago A 45 tokens

Sri-Krishna-V/Derived-WMD

Skill Claude CodeCodex

Manages AI SDK model configurations - updates packages, identifies missing models, adds new models with research, and updates documentation.

5 6mo ago A 28 tokens

Sri-Krishna-V/Derived-WMD

Skill Claude CodeCodex

Creates unstyled compound components that separate business logic from styles. Use when building headless UI primitives, creating component libraries, implementing Radix-style namespaced components, or when the user mentions "compound components", "headless", "unstyled", "primitives", or "render props".

5 6mo ago A 62 tokens

cli

24

Sri-Krishna-V/Derived-WMD

Skill Claude CodeCodex

Tambo CLI reference for project setup and component installation. Agent-friendly with non-interactive mode and exit codes. Use when running tambo init, tambo add, npx tambo commands, or browsing the component library. For guided project creation with tech recommendations, use start-from-scratch skill. For adding Tambo…

5 6mo ago A 77 tokens