- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
auth0-react-native
by auth0
Use when adding authentication to React Native or Expo mobile apps (iOS/Android) with biometric support - integrates react-native-auth0 SDK with native deep linking
react-frontend
by iliaal
React, TypeScript, and Next.js patterns for frontend development. Use when building React components, managing state, fetching data, optimizing performance, or working with Next.js App Router. Covers React 18-19, hooks, Server Components, and type-safe patterns.
Writing good code
by bfollington
Read and apply the guidance from @../../lib/code-style.md
Taking an idea to implementable prototype
by bfollington
bundle-size-optimization
by aj-geddes
Reduce JavaScript and CSS bundle sizes through code splitting, tree shaking, and optimization techniques. Improve load times and overall application performance.
jscpd
by knoopx
Finds duplicate code blocks and analyzes duplication metrics across files. Use when identifying copy-pasted code, measuring technical debt, or preparing for refactoring.
goal-analyzer
by huifer
分析健康目标数据、识别目标模式、评估目标进度,并提供个性化目标管理建议。支持与营养、运动、睡眠等健康数据的关联分析。
goal-analyzer
by huifer
分析健康目标数据、识别目标模式、评估目标进度,并提供个性化目标管理建议。支持与营养、运动、睡眠等健康数据的关联分析。
code-simplifier
by steveclarke
Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality. Focuses on recently modified code unless instructed otherwise.
domain-name-brainstormer
by steveclarke
Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.
artifacts-builder
by liyecom
复杂前端 Artifacts 构建工具
ruby-cli
by steveclarke
Build and maintain Ruby CLI tools using Thor and Zeitwerk. Use when creating new Ruby CLI gems, adding commands, editing CLI code, refactoring, or enhancing existing CLI tools. Triggers on "Ruby CLI", "Thor CLI", "command-line tool in Ruby", or when working on files in a Thor/Zeitwerk CLI codebase.
wix-cli-dashboard-page
by wix
Use when building admin interfaces, management pages, CRUD operations, or dashboard configuration UIs. Triggers include dashboard, admin panel, data management, settings pages.
guided-config
by steveclarke
Guide through service/tool configuration step-by-step while maintaining clean documentation of the successful setup path. Captures screenshots, filters failed attempts, and produces a polished README. Use when setting up integrations, configuring services, or documenting setup processes. Triggers on "help me configure", "set up integration", "guided setup".
wix-cli-site-plugin
by wix
Use when building interactive components for predefined slots in Wix business solutions. Triggers include site plugin, slot, Wix app integration, plugin explorer, business solution extension.
prompt-engineering
by liyecom
提示工程技术与 Agent 设计模式
wix-cli-site-component
by wix
"Use when building React site components with editor manifests for Wix CLI applications."
better-stimulus
by steveclarke
Apply Better Stimulus best practices for writing maintainable, reusable StimulusJS controllers following SOLID principles
nuxt-ui
by steveclarke
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.
feature-spec
by steveclarke
Technical Specification
favicon
by steveclarke
Generate favicons from a source image
challenge-funnel
by manojbajaj95
This skill should be used when the user asks to "create a challenge funnel", "build a 5-day challenge", "bootcamp funnel", "challenge launch", or mentions challenges, bootcamps, or multi-day engagement funnels. Creates challenge funnels that activate prospects, build community, and convert to core offers.
branding
by manojbajaj95
Apply official brand colors and typography to professional artifacts. Use for presentations, reports, and documents to ensure corporate visual identity. Use proactively when a "client-ready" look-and-feel is requested. Examples: - user: "Brand this report" -> apply corporate colors and fonts - user: "Apply brand guidelines to these slides" -> update colors/fonts in XML - user: "Check if this document is on-brand" -> verify against color/font standards
ohos-chromium-security-review
by openharmonyinsight
OpenHarmony/Chromium 深度代码审计技能 - 专注于线程安全、生命周期管理和逻辑漏洞 基于严谨的系统级编程经验,深度审查 C/C++ 源代码中的: - 线程安全问题(数据竞争、死锁、跨序列访问) - 生命周期问题(UAF、悬空指针、WeakPtr误用) - OpenHarmony/Chromium特定模式风险 - 静态分析工具无法发现的高阶安全风险 核心特性: - 极度严谨的审查风格 - 遵循14条严格的用户自定义规则 - 生成结构化的JSON和Markdown报告 - 按团队责任划分问题