davidbirchall/squad-skills-frontend

v0.8.0

Frontend skills for Vue 3 / Nuxt 3 / TypeScript: architecture, state management, atomic design, design systems, CSS, accessibility, testing, Storybook, tooling (ESLint/Prettier/TypeScript), Turborepo, TanStack Query, forms, performance, security, build tooling, internationalization, API client patterns, component library publishing, and animation and motion.

GitHub

skills

design-to-code

Convert provided Figma or visual designs into responsive Nuxt/Vue components by inspecting tokens, reusing existing components, extracting assets, handling missing states, and adding accessibility. Validate at defined breakpoints. Load when implementing from Figma, screenshots, mockups, or visual specifications.

Read SKILL.md at the source

Pinned to revision c74eff4a9f08, so it is the text this page describes rather than whatever the author pushed since.

Files

skills/design-to-code/SKILL.md

Every link opens the file at its source, pinned to the revision this page describes.