Browse Skills

Understand Chat answers questions about a codebase using a pre-built knowledge graph, so an agent can explain files, functions, and dependencies. Use it when you need to ask questions about a codebase or understand code without reading the entire graph into context.

Understand Dashboard launches an interactive web dashboard to visualize a codebase's knowledge graph. Use it after analyzing a project to explore its structure and dependencies.

Understand Diff analyzes git diffs or pull requests against a project knowledge graph to identify changed components, affected dependencies, and architectural layers. It then provides a risk assessment and writes a diff overlay for the understand dashboard.

Understand Domain extracts business domain knowledge from a codebase and generates an interactive domain flow graph. Use it to visualize business flows and process steps when analyzing a project.

Understand & Explain provides a thorough, in-depth explanation of a specific file, function, or module in a codebase by combining a knowledge graph with direct source code reading. Use it when you need to understand how a component works, its architecture layer, and its connections.

Understand Figma analyzes a Figma file via the Figma REST API and generates an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a design dashboard. Use it when you need to map and navigate a Figma design system or inspect design tokens.

Understand Knowledge analyzes a Karpathy-pattern LLM wiki knowledge base and generates an interactive knowledge graph with entities, implicit relationships, and topic clusters. Use it when you have raw sources, wiki markdown with wikilinks, and a schema file and want a visual dashboard.

Understand Onboard generates a comprehensive onboarding guide from a project's knowledge graph, covering architecture layers, key concepts, a guided tour, file map, and complexity hotspots. Use it when a new team member joins a project and needs a structured introduction to the codebase.

Design Taste guides frontend implementation for landing pages, portfolios, and redesigns by inferring design direction, selecting appropriate design systems, and applying anti-slop principles. Use it when you need an interface that doesn't look templated.

Design Taste Frontend V1 provides opinionated frontend design guidelines to avoid generic AI slop, covering typography, color, layout, motion, and interaction states. Use it to enforce consistent, high-quality UI output in React/Next.js projects.

Stitch Design Taste generates DESIGN.md files optimized for Google Stitch screen generation, encoding premium anti-generic UI standards for typography, color, layout, motion, and component behavior.

High-End Visual Design defines fonts, spacing, shadows, card structures, and animations that make a website feel polished and expensive, while blocking common generic AI design patterns.