Agent skills for VS Code

Use when Phase 1 forensic audit is complete and it's time to collect brand information from the user.

Use when Site DNA and all 12 brand interview answers are in hand and it's time to generate the final replication prompt.

Use after generating a UI replication prompt to verify it meets all quality standards before delivery.

Use when user provides a URL and wants to replicate or clone a website's UI, design, or visual style for their own product.

Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component ergonomics.

Migrate UI components between frameworks with structure, state, and style transformation

Authoritative guide for implementing stunning, accessible, performant UI.

Dual-agent UX design review — Assessment A runs design-director heuristics while Assessment B runs visual pattern analysis; results…

Record polished UI demo videos using Playwright.

Authoritative UI/UX Design System Guide based on EtroxTaran/Uiplatformguide

Use when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or…

React and Next.js frontend development standards for Retail-Agentic-Commerce.

Protects design and theme files from unintended changes.

Convert UI screenshots, website URLs, screen recordings, mockups, and design images into editable React/Vue/HTML/CSS frontend code with…

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.

Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives

Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.

Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.

Enforces the non-happy paths every screen owes the user — loading/empty/error/content resolved in ONE switch over an AsyncValue or sealed…

Use when writing UI tests, recording interactions, tests have race conditions, timing dependencies, inconsistent pass/fail behavior, or…