UI Components

Code-based UI component generation and styling

Showing 6457-6480 of 7928 skills
MounirDhahri

agentsmd-claudemd-generator

by MounirDhahri

Generate AGENTS.md and CLAUDE.md files for a repository. AGENTS.md provides cross-tool agent instructions (supported by Claude Code, Cursor, Windsurf, Zed, Codex, and others). CLAUDE.md adds Claude-specific configuration and references AGENTS.md via @import. Use when a repo needs agent onboarding or when starting a new project.

Linting 0 3mo ago
AlahmadiQ8

revealjs-slides

by AlahmadiQ8

Generate reveal.js HTML slide presentations from topics, outlines, or content. Use when the user asks to create slides, presentations, decks, or talks. Triggers on: "create a presentation", "make slides about", "build a deck", "generate a talk", "slide deck for", or any request involving presentation creation. Supports code highlighting, fragments, speaker notes, math, markdown, and Mermaid.js diagrams (flowcharts, sequence, class, ER, mindmap, timeline, etc.).

Code Gen 0 4mo ago
Tzeusy

butler-notifications

by Tzeusy

Usage patterns for the notify() tool — required parameters, intents, and examples

Code Gen 0 3mo ago
youranreus

frontend-practice

by youranreus

前端基础实践指南

UI Components 0 4mo ago
cortexark

orchestrator

by cortexark

"Master Orchestrator — the intelligent execution engine for full-lifecycle product delivery across all 5 TaskPilot domains (PM, PE, SDE, QAE, UX). Orchestrates 55+ skills across 9 phases: Discovery, Validation, Planning, Design, Architecture, Build, Quality, Launch, Feedback. Use this whenever you need to build a complete feature or product from idea to launch with cross-domain coordination. Use WHENEVER you hear: build a feature, ship a product, implement a system, launch an initiative, run a full project lifecycle, need quality gates, require cross-team coordination, anything involving multiple domains."

Code Review 0 3mo ago
BellyBook

genesis

by BellyBook

太初有道,道生代码。从零搭建 React19+TailwindV4+Vite 前端、FastAPI Python 后端、Go Gin 后端、Taro 4.x 小程序。用户说"新建项目"、"初始化"、"从零开始"、"搭建项目"、"创建项目"、"生成落地页"、"生成官网"、"生成 Landing Page"、"动画提升"、"动效升级"、"新建小程序"、"创建小程序"、"Taro 项目"时触发。

Templates 1 3mo ago
monit-jangir

frontend-design

by monit-jangir

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Animation 0 4mo ago
lordprotein

smart-code-test-unit

by lordprotein

"Write ideal unit tests and review existing ones. Focused exclusively on unit testing — tests one unit in isolation. Not for integration or E2E tests. Two modes: generate new tests from code analysis, or review existing tests for antipatterns and quality issues. Language-agnostic, based on best practices from Beck, Fowler, Khorikov, and Google."

Code Review 0 3mo ago
NailorSH

telegram-mini-apps-react

by NailorSH

Comprehensive guide for creating Telegram Mini Apps with React using @tma.js/sdk-react. Covers SDK initialization, component mounting, signals, theming, back button handling, viewport management, init data, deep linking, and environment mocking for development. Use when building or debugging Telegram Mini Apps with React.

Code Gen 0 4mo ago
joshuaroll

us-govt-data

by joshuaroll

Access official US Government records. Currently supports SEC EDGAR (financial filings) and Federal Register (rule changes). Ensures data provenance from .gov domains.

Processing 0 4mo ago
ddaanet

runbook

by ddaanet

Decompose a design into executable implementation steps. Triggers on /runbook or when a design needs step-by-step planning. Creates runbooks with per-phase typing (TDD cycles, general steps, or inline pass-through) for weak orchestrator execution.

Agents 0 3mo ago
velt-js

velt-setup-best-practices

by velt-js

Velt collaboration SDK setup guide for React, Next.js, Angular, Vue, and HTML applications. Use this skill when setting up Velt for the first time, configuring VeltProvider, implementing user authentication, or initializing document collaboration.

Auth 0 4mo ago
CookSaw

threejs-builder

by CookSaw

Creates simple Three.js web apps with scene setup, lighting, geometries, materials, animations, and responsive rendering. Use for: "Create a threejs scene/app/showcase" or when user wants 3D web content. Supports ES modules, modern Three.js r150+ APIs.

Code Gen 0 5mo ago
TheWatcher01

web-artifacts-builder

by TheWatcher01

Suite of tools for creating elaborate, multi-component web applications using modern frontend technologies (React, Tailwind CSS, shadcn/ui). Use for complex apps requiring state management, routing, or shadcn/ui components.

CLI Tools 0 4mo ago
biruk741

mockup

by biruk741

Generate interactive HTML/React mockups of the hackathon project. Creates clickable prototypes that can be opened in a browser to test user flows and visual concepts. Use when the team wants to visualize the product, test user flows, iterate on features, or needs a tangible artifact to discuss. Also use when someone says "show me what this looks like", "let's prototype this", "mock this up", or "build a quick UI for this".

Automation 0 3mo ago
lywa1998

rust-skill-creator

by lywa1998

"Use when creating skills for Rust crates or std library documentation. Keywords: create rust skill, create crate skill, create std skill, 创建 rust skill, 创建 crate skill, 创建 std skill, 动态 rust skill, 动态 crate skill, skill for tokio, skill for serde, skill for axum, generate rust skill, rust 技能, crate 技能, 从文档创建skill, from docs create skill"

Code Gen 0 4mo ago
modersetech

ink

by modersetech

Use this skill whenever the user wants to build a CLI (command-line interface) tool or terminal UI using React/JSX. Triggers include: "build a CLI", "terminal UI", "interactive command-line app", "CLI tool with components", or any mention of the Ink library. Also trigger when the user wants to render dynamic styled output in the terminal, handle keyboard input in a CLI, or build a multi-component terminal layout. Use this skill even if the user just mentions "React for the terminal" or wants to add interactivity (spinners, prompts, menus, progress bars) to a Node.js CLI.

Accessibility 0 3mo ago
Ray123fa

tw-mantine

by Ray123fa

Integrasi Tailwind CSS v4 dengan Mantine v8 untuk Next.js. Gunakan skill ini ketika: (1) Membuat komponen UI yang menggabungkan utility classes Tailwind dengan komponen Mantine, (2) Mengkonfigurasi project Next.js dengan Tailwind v4 dan Mantine v8, (3) Mengimplementasikan dark mode yang konsisten antara Tailwind dan Mantine, (4) Membuat custom theme atau styling untuk komponen Mantine menggunakan Tailwind classes, (5) Setup project dengan App Router atau Pages Router.

Linting 0 4mo ago
tippyentertainment

unreal-2d-game-developer

by tippyentertainment

Help build and debug 2D and 2.5D experiences in Unreal Engine using Paper2D, UMG, and Blueprints/C++.

Game Dev 0 3mo ago
Alpizar28

Software Architect

by Alpizar28

Experto en Domain-Driven Design (DDD) y Arquitectura Hexagonal, especializado en diseñar sistemas extensibles y mantenibles.

Database 0 4mo ago
blackhaj

read-it-later

by blackhaj

Sends markdown (rendered to HTML) or URLs to Readwise Reader for later reading. Use when an agent needs to save summaries, notes, or links to Readwise Reader.

CLI Tools 0 4mo ago
lemoncat7

dashboard-service

by lemoncat7

莫殇的像素状态看板服务,同时代理 Star Office UI

Animation 0 2mo ago
lywa1998

domain-embedded

by lywa1998

"Use when developing embedded/no_std Rust. Keywords: embedded, no_std, microcontroller, MCU, ARM, RISC-V, bare metal, firmware, HAL, PAC, RTIC, embassy, interrupt, DMA, peripheral, GPIO, SPI, I2C, UART, embedded-hal, cortex-m, esp32, stm32, nrf, 嵌入式, 单片机, 固件, 裸机"

Code Gen 0 4mo ago
ecelayes

handlebars-pure-patterns

by ecelayes

Best practices for writing clean, logic-less Handlebars (hbs) templates.

Code Gen 0 4mo ago