1.2K skills · sorted by relevance
Guides LoopX project setup and repair, including goal configuration, shared registry synchronization, stale dashboard status, and command-line routing issues. It distinguishes project lifecycle maintenance from ordinary task execution and directs each operation to its relevant procedure.
Write Jest unit tests for component behavior and user interactions. Includes reusable test data builders, mock replacements for dependencies, and test-driven development, where a failing test guides implementation before the code is cleaned up.
Simplify cluttered interfaces by reviewing information, visual styling, interactions, copy, and code. Keep essential functionality and accessibility while clarifying the main action, consolidating related elements, and revealing secondary details only when needed.
Align existing pages and components with a design system by reviewing colors, typography, spacing, and interaction patterns. Replace inconsistent styles and custom implementations with shared standards, then check code quality and usability.
Review an interface and add purposeful motion to buttons, forms, navigation, and state changes. Plan and implement animations that clarify actions and provide feedback, while checking performance and supporting users who prefer reduced motion.
Add personality to interfaces through small interaction responses, completion animations, illustrations, and product-specific messages. Shape enjoyable moments around the brand and user context while preserving task flow, accessibility, and performance.
Turn a broad UI request into concrete design rules for colors, typography, layout, and interactions. The skill provides accessibility checks and implementation guidance for the chosen framework, with saved design notes to keep multiple pages consistent.
Automate browser tasks such as clicking, filling forms, and navigating tabs. Inspect page structure, console messages, and network requests, and capture screenshots or recordings to support web testing, debugging, and UI feedback.
Convert text into Mermaid diagrams, which describe visual structures using code. Create process flows, comparisons, mind maps, and system interactions for presentations or documentation, with adjustable layouts and checks for common syntax mistakes.
Check a Kiln branch or pull request through real browser interactions. Multiple agents test separate feature areas in isolated environments, then combine findings into a severity-ranked Markdown report with reproduction steps and expected versus actual behavior.
Turn a broad UI request into concrete design rules for colors, typography, layout, and interactions. The skill provides accessibility checks and implementation guidance for the chosen framework, with saved design notes to keep multiple pages consistent.
Build AI agents that retain conversation history, user preferences, and useful interaction patterns with AgentDB. The skill covers persistent storage, meaning memories survive between sessions, plus retrieval, context management, and ReasoningBank integration.
Verify BB workflows in an isolated development app using browser interactions and the matching source CLI. Select relevant checks, collect screenshots and persisted-state evidence, and report passes, failures, untested cases, and blockers separately.
Automate browser tasks such as clicking, typing, navigation, data extraction, testing, and screenshots. It controls Chrome through CDP, a browser control protocol, and supports work requiring logged-in sessions or pages rendered with JavaScript.
Build interactive maps with AntV L7, a library for displaying geographic data. The skill guides data loading, points, routes, areas, heatmaps, map interactions, animations, and performance tuning for large datasets.
Inspect React Native components, their input values and internal state, and measure rendering performance for a specific interaction. Use the findings to investigate slow components, repeated rendering, and the causes behind a component rendering again.
Plan a livestream for product sales, knowledge sharing, entertainment, or a brand event. Generate a timed running order, conversational scripts, audience interaction segments, preparation checklists, and responses to quiet moments, negative comments, or technical problems.
Investigate slow interactions and rendering using performance traces, which record execution events, alongside source code. Identify the responsible code, distinguish measurements from hypotheses, and guide fixes that preserve behavior, with tests and comparable recordings for verification.
Explain an existing machine learning model by summarizing influential input features and examining individual predictions. It helps investigate unexpected feature interactions and communicate model behavior to nontechnical stakeholders, while noting limitations and potentially misleading explanations.
Implement, customize, and debug legends in G2 charts with guidance on rendering, layout calculations, and user interactions. Understand category and continuous legends, adjust their appearance, and investigate sizing or filtering problems.
Look up biological evidence about genes, variants, diseases, pathways, and proteins across databases. Map identifiers between sources and organize findings into comparison tables that preserve source names, query terms, access dates, and access limitations.
Distills a completed user workflow or interaction into a reusable agent skill. Use when the user asks to turn their workflow, interaction, or multi-step process into a skill, or when they say "make this a skill", "create a skill from what we just did", "package this workflow" or similar. Do not use for creating skills from scratch without an existing workflow (use a generic skill-creator for that).
The English summary is being prepared. Showing the original description.
Model component behaviour as explicit states, events, and transitions. Use when a component has many interacting states that must be exhaustive. For the feel and feedback of a single interaction, use `micro-interaction-spec`.
The English summary is being prepared. Showing the original description.
Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use `motion-system` (design-systems); for a full interaction spec use `micro-interaction-spec`.
The English summary is being prepared. Showing the original description.