UI Components
Code-based UI component generation and styling
visual-content
by camoa
Use when creating branded presentations or carousels. Generates museum-quality visual output from canvas philosophy, enforcing style constraints. Outputs PDF first, then converts to PPTX for editability.
guide-loader
by camoa
Use when needing specialized guide content - loads from user's configured path or fetches from online dev-guides based on task keywords
angular-performance
by Gentleman-Programming
Angular performance: NgOptimizedImage, @defer, lazy loading, SSR. Trigger: When optimizing Angular app performance, images, or lazy loading.
Set up an investigation
by talmolab
A deep learning framework for multi-animal pose tracking.
Testing
by HoangNguyen0403
Standards for Component Test Harnesses and TestBed.
git-conventions
by ag-grid
'Git conventions for branches, commits, and PRs. Use when creating branches, writing commit messages, or opening pull requests.'
Android State Management
by HoangNguyen0403
Standards for ViewModel, StateFlow, and UI State Patterns
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.
Performance Engineering Standards
by HoangNguyen0403
Universal standards for high-performance software development across all frameworks.
Android Jetpack Compose
by HoangNguyen0403
Standards for high-performance Declarative UI and State Hoisting.
Angular Component Expert
by HoangNguyen0403
Standards for OnPush components and strict Signals usage.
Angular Style Guide
by HoangNguyen0403
Naming conventions, file structure, and coding standards for Angular projects.
Mobile UX Core
by HoangNguyen0403
Universal mobile UX principles for touch-first interfaces. Enforces touch targets, safe areas, and mobile-specific interaction patterns.
jazz-permissions-security
by garden-co
Use this skill when designing data schemas, implementing sharing workflows, or auditing access control in Jazz applications. It covers the hierarchy of Groups, Accounts, and CoValues, ensuring data is private by default and shared securely through cascading permissions and invitations.
jazz-testing
by garden-co
Use this skill when you need to write, review, or debug automated tests for applications built on the Jazz framework. This skill provides the correct architectural patterns for simulating local-first synchronization and multi-user environments without resorting to invalid mocking strategies.
ring:using-dev-team
by LerianStudio
9 specialist developer agents for backend (Go/TypeScript), DevOps, frontend, design, UI implementation, QA (backend + frontend), and SRE. Dispatch when you need deep technology expertise.
ring:exploring-codebase
by LerianStudio
Autonomous two-phase codebase exploration - first discovers natural perspectives (layers, components, boundaries), then dispatches adaptive deep-dive explorers based on what was discovered. Synthesizes findings into actionable insights.
ring:visual-explainer
by LerianStudio
Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled HTML page instead.
ring:dev-frontend-visual
by LerianStudio
Gate 4 of frontend development cycle - ensures all components have snapshot tests covering all states, viewports, and edge cases.
refactor
by phodal
Suggest refactoring improvements for code quality
vchart-development-assistant
by VisActor
VChart图表库专家助手，支持问题诊断、配置生成、图片/Figma设计稿还原等场景，基于结构化知识库提供精确的图表开发解决方案
vue
by onmax
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance