Skill UI

Modern Angular UI patterns that coordinate loading spinners, skeletons, error states, empty states, and progressive data display; designed for component builders managing async data, optimistic updates, and graceful degradation.

This skill provides a structured, git-aware mechanism to revert changes associated with specific logical work units (tracks, phases, or tasks). It performs comprehensive pre-flight checks, identifies relevant commits through structured logging, displays a detailed execution plan, and executes the revert safely in reverse chronological order. Ideal for undoing complex, multi-step development changes while maintaining project integrity.

This skill provides a comprehensive, actionable overview of the Conductor project's status. It aggregates information from project plans, active tracks, and detailed specifications to display overall progress, identify next critical tasks, and flag potential blockers. Use it when you need a high-level dashboard view of project health and required actions.

This skill generates code to create complex, interactive 3D scenes and visualizations on the web using the Three.js library and WebGL. It covers the entire development lifecycle, including setting up the core components (Scene, Camera, Renderer), defining geometry, applying materials, adding lighting, and implementing animation loops. Ideal for web developers needing to display product mockups, scientific data visualizations, or immersive user experiences.

A comprehensive skill for advanced text and typography handling within the Makepad framework. It provides robust mechanisms for font configuration, text layout management (Layouter), and high-quality GPU-based text rendering using Signed Distance Fields (SDF). Use this skill when needing to implement rich text displays, manage complex font styles, or ensure crisp, scalable typography across different resolutions.

Launches a Rapid Serial Visual Presentation (RSVP) speed reader. This tool displays text one word at a time, using ORP (Optimal Recognition Point) highlighting, which is designed to enhance comprehension and reading pacing. It is ideal for users who need a quick, focused reading aid for large blocks of text, such as prior conversation responses or provided arguments, rather than requiring document summary or formatting transformation.

This skill guides the creation of highly functional, operational monitoring dashboards for platforms like Grafana, SigNoz, and similar observability tools. The focus is on transforming raw metrics into actionable insights that answer critical questions (e.g., Is it healthy? Where is the bottleneck? What action is needed?), rather than simply displaying every available metric. Ideal for building dashboards for Kafka, Elasticsearch, or API gateways.

Helps you build and edit Obsidian .base files by guiding the creation of filters, formulas, and views so vault notes can be displayed as tables, cards, lists, or maps with summaries and grouping.

This skill is designed to retrieve and display detailed usage metrics for GitHub Copilot within organizations and enterprises. Users can analyze adoption rates, total suggestions, acceptance rates, and chat interactions, broken down either by the entire organization/enterprise or on a per-user basis. It supports querying data for specific historical dates using GitHub CLI and REST API.

This comprehensive workflow guides the implementation of a core Algolia search feature. It covers advanced concepts such as full-text search, combining multiple filters (e.g., price range, stock status), utilizing faceted navigation for refined filtering, managing pagination, and displaying highlighted search results. This is essential for building robust and highly functional e-commerce search UIs.

Manage a personal boycott list conversationally. Users tell the agent which brands they want to avoid and provide specific reasons. The system syncs this data to a local server and powers a Chrome extension. This extension monitors visited pages and alerts the user with a prominent warning banner whenever they land on a site from a boycotted brand, displaying their own personal reason for the boycott.

This plugin allows developers to build Framer components by syncing data from external data sources (such as APIs or databases) into Framer's Managed Collections. It serves as the primary integration pattern, handling both schema creation and item population. Use this when your design requires displaying dynamic content driven by external systems.