- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
social-media
by EpicenterHQ
Social media post guidelines for LinkedIn, Reddit, and Twitter/X. Use when drafting posts, announcements, or sharing technical content on social platforms.
form-refactorer
by redpanda-data
Refactor legacy forms to use modern Redpanda UI Registry Field components with react-hook-form and Zod validation. Use when user requests: (1) Form refactoring or modernization, (2) Converting Chakra UI or @redpanda-data/ui forms, (3) Updating forms to use Field components, (4) Migrating from legacy form patterns, (5) Implementing forms with react-hook-form and Zod validation.
Ark UI
by hashintel
🚀 The open-source, multi-tenant platform for self-building knowledge graphs and simulation
semi-design-guide
by DouyinFE
使用 Semi Design 组件的完整指南,包括 MCP 工具使用流程、常见模式、最佳实践。当你需要查询 Semi Design 组件、生成组件代码或解决使用问题时,请使用此技能。
obsidian-markdown
by kepano
Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.
gsap-timeline
by greensock
Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).
webapp-testing
by vudovn
Web application testing principles. E2E, Playwright, deep audit strategies.
tailwind-patterns
by vudovn
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
Components
by HoangNguyen0403
Standards for Standalone Components, Signals inputs, and Control Flow.
Mobile UX Core
by HoangNguyen0403
Universal mobile UX principles for touch-first interfaces. Enforces touch targets, safe areas, and mobile-specific interaction patterns.
Android Dependency Injection (Hilt)
by HoangNguyen0403
Standards for Hilt Setup, Scoping, and Modules
Forms
by HoangNguyen0403
Standards for Typed Reactive Forms and Validators.
Android Design System (Jetpack Compose)
by HoangNguyen0403
Enforce Material Design 3 and design token usage in Jetpack Compose apps.
Architecture
by HoangNguyen0403
Standards for Angular project structure, feature modules, and lazy loading.
SSR (Server-Side Rendering)
by HoangNguyen0403
Hydration, TransferState, and Prerendering standards.
Routing
by HoangNguyen0403
Standards for Angular Router, Lazy Loading, and Guards.
Android Performance
by HoangNguyen0403
Standards for Baseline Profiles, Startup Time, and UI Rendering
Android Jetpack Compose
by HoangNguyen0403
Standards for high-performance Declarative UI and State Hoisting.
Testing
by HoangNguyen0403
Standards for Component Test Harnesses and TestBed.
frontend-design
by vudovn
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
web-design-guidelines
by vudovn
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
intelligent-routing
by vudovn
Automatic agent selection and intelligent task routing. Analyzes user requests and automatically selects the best specialist agent(s) without requiring explicit user mentions.
architecture
by vudovn
Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.
pr-review
by OneKeyHQ
Security-first PR review checklist for this repo. Use when reviewing diffs/PRs, especially changes involving auth, networking, sensitive data, or dependency/lockfile updates. Focus on secret/PII leakage risk, supply-chain risk (npm + node_modules inspection), cross-platform architecture (extension/mobile/desktop/web), and React performance (hooks + re-render hotspots). Avoid UI style nitpicks. PR Review.