Skills

All Skills

ui

Skills tagged with #ui

@superhq-ai

blueprint-ui

Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography. Use when creating marketing sites, landing pages, or product pages.

superhq-ai/shuru
18d ago
5500
@pikax

build-and-profiling

Build dependency chains, rebuild sequences, profiling with MCP, and Analysis MCP server setup for Verter

pikax/verter+2 more
18d ago
650
@giannimassi

webview — Native macOS Agent UI

Open a native webview window from an agent workflow, let the user interact, get structured JSON back. Replaces terminal Q&A with a proper UI when it helps.

giannimassi/webview-cli
18d ago
50
@chainloop-dev

custom-builtin-functions

Create a custom builtin function to be used in the Rego policy engine

chainloop-dev/chainloop+3 more
18d ago
5340
@getaero-io

build-tam

Build a Total Addressable Market list by sourcing accounts and contacts from providers like Apollo, Crustdata, and PDL.

getaero-io/gtm-eng-skills+7 more
18d ago
50
@jamierpond

yapi — LLM Skill Guide

yapi is a CLI-first, git-friendly API client. You define requests in YAML files and run them from the terminal. No GUI, no accounts, no state — just files and a binary.

jamierpond/yapi
18d ago
1090
@cybozu

agent-spec-builder

Build a Prompt Hardener agent_spec.yaml from an existing codebase (from-code) or through an interactive interview (from-questions). Use when the user wants to create, generate, or scaffold an agent spec, or when they mention agent_spec.yaml creation. Generates agent_spec.yaml, evidence.md, and open_questions.md with confidence tracking and evidence trails.

cybozu/prompt-hardener
18d ago
470
@go-go-golems

Guidelines: Skill Documents

go-go-golems/geppetto+1 more
18d ago
830
@jiacai2050

TigerStyle: Zig Coding Guidelines

Distilled from TigerBeetle's [TIGER_STYLE.md](https://github.com/tigerbeetle/tigerbeetle/blob/main/docs/TIGER_STYLE.md). Design goal priority: **Safety > Performance > Developer Experience**.

jiacai2050/zigcli
19d ago
1190
@rryam

meshing-guidelines

Mesh gradient library for SwiftUI. Use for creating, animating, and exporting mesh gradients. Supports 2x2, 3x3, and 4x4 grid templates, animated gradients, Metal shaders, and platform-specific export to photo library or disk.

rryam/MeshingKit
19d ago
1610
@AmruthPillai

resume-builder

Generate professional resumes that conform to the Reactive Resume schema. Use when the user wants to create, build, or generate a resume through conversational AI, or asks about resume structure, sections, or content. This skill guides the agent to ask clarifying questions, avoid hallucination, and produce valid JSON output for https://rxresu.me.

AmruthPillai/Reactive-Resume
18d ago
35.9K0
@Dean151

swiftui-async-button

Use ButtonKit's AsyncButton for SwiftUI button actions that start a Task, call async/await, use do/catch, or need built-in loading/progress/error feedback. Trigger when replacing custom Button+Task wrappers or when a button action can throw or is async.

Dean151/ButtonKit
18d ago
5180
@yusifeng

formax-approval-ui-workflow

Use when adding or changing any Approval prompt/presenter.

yusifeng/formax+17 more
18d ago
830
@zilliztech

building

Use when building knowhere from source, configuring build options (CPU/GPU/DISKANN/ASAN), or troubleshooting compilation errors

zilliztech/knowhere+1 more
18d ago
3280
@keenthemes

KtUI Components

Use this skill when working with [KtUI](https://ktui.io)—free Tailwind UI components by Keenthemes. It ensures correct package usage, initialization, and reference to official docs.

keenthemes/ktui+1 more
18d ago
1320
@marmelab

Shadcn Admin Kit Development Guide

Shadcn Admin Kit is a component library for building admin/CRUD applications using React, TypeScript, and shadcn/ui. It provides 98+ pre-built components on top of **ra-core** (from react-admin), combining react-admin's proven data layer with modern shadcn/ui components styled via Tailwind CSS. Befo

marmelab/shadcn-admin-kit
18d ago
8040
@powroom

clack-guidelines

Comprehensive guide for building beautiful interactive command-line interfaces using Clack. Use when creating CLI tools with text input, selections, autocomplete, progress tracking, and streaming output.

powroom/flins+2 more
19d ago
340
@jaktestowac

requirements-test-coverage-mapper

Map requirements (PRD/user stories/AC) to comprehensive test coverage using a traceability matrix (RTM). Outputs coverage gaps, risks, test levels, prioritization, automation candidates, and change-impact notes. Designed for QA/Test Architect workflows.

jaktestowac/awesome-copilot-for-testers+1 more
18d ago
560
@simular-ai

Agent-S - Autonomous GUI Agent

Agent-S is a powerful autonomous agent that can control your computer's graphical interface to complete complex tasks. It combines vision and action understanding to interact with any GUI element.

simular-ai/Agent-S
18d ago
10.1K0
@peterblazejewicz

Frontend UI Engineering — Avalonia

peterblazejewicz/claude-plugins+2 more
17d ago
70
@olorehq

build-docs

Build documentation packages from configs. Downloads docs, filters with AI, generates SKILL.md. Use when setting up or updating local documentation.

olorehq/olore+14 more
18d ago
460
@cybertronai

anti-slop-guide

Use when drafting, editing, or reviewing any prose to detect and remove AI writing patterns including overused vocabulary (delve, tapestry, landscape), formulaic structures (binary contrasts, rule of three), throat-clearing openers, business jargon, and other LLM tells

cybertronai/SutroYaro+5 more
18d ago
60
@wallet-ui

install-wallet-ui-react-native

Use when setting up Wallet UI in a new or existing Expo application. Guides selection between modern @solana/kit (Recommended) or legacy @solana/web3.js.

wallet-ui/wallet-ui
18d ago
400
@guidance-ai
MCP

Io.Github.Guidance Ai/Guidance Lark Mcp

Validate and test llguidance grammars with batch testing and documentation

mcpgithubai
guidance-ai/guidance-lark-mcp
19d ago
0
@EvotecIT

powerforge-docs-builder

Build and maintain PSPublishModule/PowerForge documentation pipelines, including generated cmdlet docs, external help XML, and about-topic source workflows.

EvotecIT/PSPublishModule+3 more
18d ago
410
@bonnard-data

bonnard-build-dashboard

Guide a user through building and deploying a markdown dashboard. Use when user says "build a dashboard", "create a chart", "visualize data", or wants to create a dashboard.

bonnard-data/bonnard-cli+3 more
18d ago
430
@dev-five-git

devup-ui

Zero-runtime CSS-in-JS preprocessor for React. Transforms JSX styles to static CSS at build time. TRIGGER WHEN: - Writing/modifying Devup UI components (Box, Flex, Grid, Text, Button, etc.) - Using styling APIs: css(), globalCss(), keyframes() - Configuring devup.json theme (colors, typography, extends) - Setting up build plugins (Vite, Next.js, Webpack, Rsbuild, Bun) - Debugging "Cannot run on the runtime" errors - Working with responsive arrays, pseudo-selectors (_hover, _dark, etc.) - Using polymorphic `as` prop or `selectors` prop - Working with @devup-ui/components (Button, Input, Select, Toggle, etc.)

dev-five-git/devup-ui
18d ago
3540
@akseolabs-seo

cinematic-ui

Design and build websites with film-inspired visual systems, director-driven art direction, storyboard-first layout planning, and cinematic motion. Use when the user asks for a cinematic site, movie-style landing page, director-inspired UI, film-noir, sci-fi, romance, thriller, action, animation, or a movie-like website aesthetic, including requests phrased in Chinese. Do not use for generic web design unless the user explicitly wants a film or director reference.

akseolabs-seo/cinematic-ui
18d ago
190
@ZhihaoAIRobotic

arxiv-doc-builder

Automatically convert arXiv papers to well-structured Markdown documentation. Invoke with an arXiv ID to fetch materials (LaTeX source or PDF), convert to Markdown, and generate implementation-ready reference documentation with preserved mathematics and section structure.

ZhihaoAIRobotic/ClawPhD+5 more
18d ago
1310
@1st1

lat.md Authoring Guide

This skill covers the syntax, structure rules, and conventions for writing `lat.md/` files. Load it whenever you need to create or edit sections in the `lat.md/` directory.

1st1/lat.md
18d ago
380
@educlopez

smoothui-component-craft

Create, improve, fix, or review SmoothUI components with production-quality animations, accessibility, and performance. Orchestrates interface-craft, web-design-guidelines, rams, and vercel-react-best-practices skills for high-quality output. Use when the user wants to build a new component, add a variant, improve an existing component, fix a component bug, or review component quality in the SmoothUI project. Triggers on "create component", "build component", "new component", "add component", "improve component", "fix component", "review component", "add variant", "refactor component", or any component work in the smoothui monorepo.

educlopez/smoothui
18d ago
7240
@Riley-Coyote

mlp-continuity

Full-stack memory continuity with MLP storage. Combines the Continuity Framework's reflection capabilities with encrypted IPFS/Pinata storage via the Memory Ledger Protocol.

Riley-Coyote/memory-ledger-protocol-v0.2+1 more
18d ago
320
@huoshuiai42
MCP

Io.Github.Huoshuiai42/Huoshui Fetch

An MCP server that provides tools for fetching, converting, and extracting data from web pages.

mcpgithubaiweb
huoshuiai42/huoshui-fetch
19d ago
0
@SpecterOps

enrichment-module-builder

Build a new Nemesis file enrichment module end-to-end with explicit user approval gates for output mode, library choice, sample files, and integration testing.

SpecterOps/Nemesis+1 more
18d ago
9390
@asklokesh
MCP

Uipath

MCP server for UiPath API integration

mcpgithubapi
asklokesh/uipath-mcp-server
19d ago
0
@hyperlane-xyz

build-docker-image

Trigger Docker image builds for Hyperlane agent, monorepo, or node service images. Use when the user wants to build new Docker images for a branch, commit, or tag.

hyperlane-xyz/hyperlane-monorepo+14 more
19d ago
520
@MarcelMichau

build-frontend

Builds the Fake Survey Generator React frontend with Vite and TypeScript. Use this skill when frontend code changes need to be compiled and validated for TypeScript errors. This skill orchestrates the npm build command and reports build errors.

MarcelMichau/fake-survey-generator+5 more
18d ago
860
@13luiz

Harness Engineering Guide

You are a harness engineering consultant. Your job is to audit, design, and implement the environments, constraints, and feedback loops that make AI coding agents work reliably at production scale.

13luiz/skills
18d ago
60
@sickn33

00-andruia-consultant

Arquitecto de Soluciones Principal y Consultor Tecnológico de Andru.ia. Diagnostica y traza la hoja de ruta óptima para proyectos de IA en español.

sickn33/antigravity-awesome-skills+1208 more
18d ago
26.0K0
@compose-miuix-ui

创建 Miuix 组件

为 Compose Multiplatform 的 UI 库生成新的组件文件,严格遵循项目已有的代码规范。

compose-miuix-ui/miuix
18d ago
5160
@rob-balfre

dryui

Use when building UIs with DryUI (@dryui/ui) Svelte 5 components. Teaches correct patterns for compound components, theming, forms, and accessibility. Use the CLI as the default entry point; MCP mirrors the same workflow when available.

rob-balfre/dryui+1 more
15d ago
50
@elirantutia

ui-dev

This skill MUST be used whenever the task involves UI development, renderer code changes, adding or modifying components, creating modals or dialogs, working with CSS styles, building new UI features, or touching any file in src/renderer/. Use this skill when the user asks to "add a button", "create a modal", "add a dropdown", "update the sidebar", "style a component", "add a new UI feature", or any renderer/frontend work.

elirantutia/vibeyard
18d ago
330
@agentforce314

ClawCodex - Claude Code full rebuilt in Python

Generate a conventional-commit message from staged changes.

agentforce314/clawcodex
9d ago
1220
@nex-agi

NexAU Agent Builder

This skill provides the procedural knowledge and reference material needed to implement NexAU agents correctly and efficiently.

nex-agi/NexAU
18d ago
500
@causehacker
MCP

Quicksign

E-signatures for contracts and NDAs. Draft with AI, review, and send for signature.

mcpgithubai
causehacker/QuickSign
19d ago
0
@gjovanovicst

admin-gui

Documentation of the HTMX admin GUI including template rendering, session management, CRUD patterns, and the GUIHandler structure.

gjovanovicst/golang-auth-api+4 more
19d ago
1110
@NickCrew

chart-builder

Use this skill when creating data visualizations, selecting the right chart type, or generating chart code. Trigger phrases: 'build a chart', 'visualize this data', 'create a graph', 'plot these numbers', 'which chart should I use for'. Not for building interactive dashboards, designing UI components, or creating infographics with design tools like Figma.

datavisualizationchartsgraphs
NickCrew/Claude-Cortex+18 more
11d ago
130
@ZachRouan

gui-tool

Use `gui-tool` to interact with the desktop (Linux, macOS, and Windows). Ensure the binary is built (`cargo build --release`) and on your PATH.

ZachRouan/agent-desktop-interface
18d ago
60
@asklokesh
MCP

Quickbooks

MCP server for QuickBooks API integration

mcpgithubapi
asklokesh/quickbooks-mcp-server
19d ago
0
@rstackjs

migrate-to-rsbuild

Migrate webpack, Vite, create-react-app (CRA/CRACO), or Vue CLI projects to Rsbuild.

rstackjs/agent-skills+13 more
18d ago
390