- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
office-design-toolkit
by wollys
"Bộ kỹ năng Office (DOCX/PPTX/XLSX/PDF) và Design Toolkit tích hợp từ file người dùng cung cấp."
任务
by xialu-pro
security-agent
by yousufjoyian
Operate and debug the TriClaude sidecar/A2UI visualization pipeline for security-agent sessions. Use when users ask about Pulse visualization being blank, A2UI cards not rendering, sidecar restarts, or when generating visualization HTML that must route to the correct terminal and endpoint.
writing-functional-specs
by HUHU19961014
"Use when 用户需要编写功能设计文档、PRD或需求规格说明书,也用于询问如何编写TRS系统功能文档、文档模板、编写规范或评估功能价值与风险时。"
code-modularization-evaluator
by dotneet
Evaluate and improve code modularization using the Balanced Coupling Model. Analyzes coupling strength, connascence types, and distance to identify refactoring opportunities and architectural improvements. Use when reviewing code architecture, refactoring modules, or designing new systems.
deepwiki-parallel-wiki
by liux4989
Generate DeepWiki-style project documentation with source-grounded architecture and workflow pages. Use when asked to create onboarding docs, internal technical wiki pages, or repository knowledge bases from code. Use especially when the user asks for DeepWiki-like output, structured wiki sections, architecture diagrams, or rapid documentation generation using parallel agent workflows.
feature-dev
by october-academy
Guided feature development with codebase understanding and architecture focus
hytopia-assets
by Abstrucked
Helps manage assets in HYTOPIA SDK games. Use when users need to load models, textures, audio, or UI elements. Covers asset loading, HytopiaUI, models, textures, sounds, and asset optimization.
electron-architect
by Tomlord1122
Electron desktop application architect. Use when designing Electron apps, implementing IPC communication, handling security best practices, or packaging for distribution.
tech-stack-evaluator
by aleister1102
Technology stack evaluation and comparison with TCO analysis, security assessment, and ecosystem health scoring. Use when comparing frameworks, evaluating technology stacks, calculating total cost of ownership, assessing migration paths, or analyzing ecosystem viability.
personal-brand-architect
by anilsharmay
An expert agent that interviews users, analyzes resumes, and generates technical & strategic blueprints for personal branding websites.
angular-enterprise-review
by JoseGusnay
"Professional Code Auditor for Angular Enterprise Architecture. Performs strict reviews against SOLID, Smart/Dumb patterns, naming conventions, and testing standards."
comfyui-godot-gameplay-creator
by tippyentertainment
Skill for generating visual assets for Godot Engine 4.6 RC 1 using ComfyUI: characters, props/assets, particle-effect source sprites, and enemy designs, optionally in specific comic/graphic-novel styles.
drawio-diagram
by theoneLee
Use when the user requests any visual diagram using draw.io - flowcharts, architecture diagrams, UML, ERD, sequence diagrams, org charts, mind maps, wireframes, network topology, or other diagramming needs
helios-skills
by BintzGavin
Collection of agent skills for Helios video engine. Use when working with programmatic video creation, browser-native animations, or Helios compositions. Install individual skills by path for specific capabilities.
ask-shuff
by patrickshuff
Ask Patrick Shuff a question and get a response in his voice, drawing on his philosophy and perspectives on technology, startups, and engineering
repo-orchestrator
by YDKD
Bootstraps git + pnpm and routes to the right framework/design skills based on repo context. Use when starting work in a new repository or when you need consistent skill selection across Next.js, React, and NestJS projects.
heroui-native-skill
by tuzzy08
Build beautiful, accessible mobile UIs with HeroUI Native components for React Native and Expo. Use when building mobile apps with React Native, Expo, or when the user mentions HeroUI Native, heroui-native, mobile UI components, or needs professional mobile interfaces with smooth animations and accessibility built-in.
ce-setup
by commercengine
Set up the Commerce Engine TypeScript SDK in any project. Framework detection, token storage selection, environment variables, and migration guidance.
component-design-system
by hwatkins
Build consistent, cross-framework component libraries where Phoenix function components and Svelte 5 components share a visual language through Tailwind design tokens. Use this skill whenever building UI components for a Phoenix LiveView + Svelte stack, setting up a component library or design system, creating variant-based component APIs (like button/1 with :variant and :size attrs), working with slots/snippets patterns, or establishing shared Tailwind token systems. Also trigger when the user mentions "component library", "design system", "shared components", "variant API", "token system", or is building Phoenix function components alongside Svelte components and needs them to look and behave consistently.
loom-nodejs
by link-loom
Develop BACKEND Node.js services, APIs, routes, and models for Link Loom. Handles database interactions, business logic, and server-side operations using loom-sdk.
android-2d-development
by tippyentertainment
Help design and implement 2D games and interactive apps targeting Android, using native (Kotlin/Java), game frameworks, or engines where applicable.
brief
by ddaanet
Transfer context (scope changes, decisions, conclusions) to a worktree task via plans/<plan>/brief.md. Triggers: "brief a worktree", "write a brief", "/brief <slug>", "transfer context to worktree".
react-router
by iulspop
React Router V7 patterns for loaders, actions, forms, routes, middleware, and error handling. Use when writing or reviewing React Router code.