- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
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.
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.).
butler-notifications
by Tzeusy
Usage patterns for the notify() tool — required parameters, intents, and examples
frontend-practice
by youranreus
前端基础实践指南
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."
genesis
by BellyBook
太初有道,道生代码。从零搭建 React19+TailwindV4+Vite 前端、FastAPI Python 后端、Go Gin 后端、Taro 4.x 小程序。用户说"新建项目"、"初始化"、"从零开始"、"搭建项目"、"创建项目"、"生成落地页"、"生成官网"、"生成 Landing Page"、"动画提升"、"动效升级"、"新建小程序"、"创建小程序"、"Taro 项目"时触发。
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.
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."
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.
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.
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.
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.
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.
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.
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".
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"
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.
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.
unreal-2d-game-developer
by tippyentertainment
Help build and debug 2D and 2.5D experiences in Unreal Engine using Paper2D, UMG, and Blueprints/C++.
Software Architect
by Alpizar28
Experto en Domain-Driven Design (DDD) y Arquitectura Hexagonal, especializado en diseñar sistemas extensibles y mantenibles.
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.
dashboard-service
by lemoncat7
莫殇的像素状态看板服务,同时代理 Star Office UI
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, 嵌入式, 单片机, 固件, 裸机"
handlebars-pure-patterns
by ecelayes
Best practices for writing clean, logic-less Handlebars (hbs) templates.