skills

skills

What your coding agent reads to build, theme and review with Frontic UI. This command copies them into your AI client’s own folder, such as .claude/skills/:

frontic-ui/SKILL.md

Build storefront UI in a project that uses Frontic UI: Vue components installed as source, styled only through recipes, each component's in its manifest beside its files and the shared ones in library/recipes/, that name tokens in library/brand.json, compiled to frontic.css by npx @frontic/ui build.

design-system/SKILL.md

Build a brand's design system for Frontic UI from whatever shows the brand: a codebase, a Figma library, a live storefront, a style guide, screenshots.

frontic-ui-review/SKILL.md

Review a page or a restyle in a project that uses Frontic UI as a fresh pair of eyes: run check, render the page at phone and desktop width, compare it with what it should look like, and report each problem with the token, recipe file or template that fixes it.

All 3 files are in the sidebar under skills/.