Taste Skill V2 setup and frontend demo in OpenCode

This tutorial pairs Taste Skill with OpenCode to guide frontend generation through explicit design rules. The presenter describes OpenCode as an open source terminal coding assistant with native skill loading and support for multiple providers, including a local model option.

Taste Skill V2 experimental reads the brief and proposes layout variance, motion intensity and visual density before implementation. Its rules require a consistent accent color, corner radius system and page theme. Desktop hero headlines have a two-line limit, supporting text has a 20-word cap, and the main button must appear without scrolling. The presenter also explains restrictions on repeated card layouts and decorative interface elements.

Installation uses npx skills add with the repository URL. The installer asks which skills and agents to use, whether to install per project or globally, and whether to symlink or copy. The main skill is design-taste-frontend.

For the analytics landing page demo, the agent proposes lower density and motion settings, waits for approval, then builds and audits the page. The presenter reports a two-column zigzag feature section and a hero that fits the viewport. V2 remains experimental, so its rules may change between installs. The presenter also warns that long skill files increase token use.