Generate Figma mocks from PRDs using Speqq design system tokens.
npx skills add https://github.com/speqqai/claude --skill ux-design-speqqai
Please help me install this Agent Skill. Skill: ux-design Source: https://github.com/speqqai/claude/tree/main/skills/ux-design Command: npx skills add https://github.com/speqqai/claude --skill ux-design-speqqai
The agent transforms PRDs into production-ready UX design artifacts by generating exact Figma mocks that capture every screen, state, and interaction using the Speqq design system tokens.
Create a new Figma file named "{project-name} — UX Design" and begin modeling PRD-driven user flows with screens, states, and responsive variants.
High-intent search queries and answers about installing and using this skill.
To turn a PRD into Figma wireframes, use this skill to automate the translation of requirements into flow-driven UX frames. It generates production-ready Figma mocks anchored to the Speqq design system tokens and components.
To generate responsive variants from a PRD in Figma, use this skill to automatically create screens, states, and responsive variants. It enforces component reuse and validates conformance against the Speqq design system.
Yes, converting PRDs into UX mocks requires a design system. This skill integrates with the Speqq design tooling to enforce token usage, component reuse, and conformance while validating against the PRD.
The best way to ensure Figma mocks match your design tokens is to use a tool that validates against your design system rules. This skill enforces Speqq token usage and component reuse by mapping to code-connect rules.
Yes, you can automate user flow creation from product requirements. This skill transforms PRDs into flow-driven UX frames, components, and variants by reusing existing design system components and tokens for cross-device consistency.
Use design tokens when creating UX mocks from PRDs to ensure consistency across screens and devices. This skill enforces Speqq token usage and component reuse, validating conformance against the PRD.
allofmengTranslate code-driven UI into Figma screens using design-system tokens.
artosetrovTranslate Figma frames into reusable frontend components aligned with design tokens.
tech-leads-clubTranslate Figma designs into production-ready UI code via Figma MCP.
gridi-aiGenerate design-spec.md files and Figma designs from user stories and wireframes.
