Convert prototypes into production-ready React, Vue, or Svelte components.
npx skills add https://github.com/Dinxeshh/agent-skills --skill artisan-dinxeshh
Please help me install this Agent Skill. Skill: Artisan Source: https://github.com/Dinxeshh/agent-skills/tree/main/skills/artisan Command: npx skills add https://github.com/Dinxeshh/agent-skills --skill artisan-dinxeshh
This Skill turns prototype and design specs into production-quality React, Vue, or Svelte components that satisfy accessibility, type safety, and state-handling expectations, eliminating the inconsistent handoff between prototyping and implementation.
.agents/PROJECT.md, route handoffs to Builder, Showcase, or Radar, and consult the shared references for component quality and performance guidance.Ask Artisan to convert the Forge prototype into a production-ready React component with accessible state management and error boundaries.
High-intent search queries and answers about installing and using this skill.
To convert a prototype into a production-ready component, the Skill transforms design specs into React, Vue, or Svelte code with TypeScript strict mode, accessible UI, state management, and form validation.
The best way to enforce accessibility in front-end components is to generate code that automatically integrates WCAG AA standards, ARIA attributes, keyboard navigation, and focus management during the prototype-to-production conversion.
Yes, the workflow supports TypeScript strict mode and requires error boundaries, inline validation feedback, and dedicated loading, error, and empty states to ensure robust data handling and component reliability.
Yes, you can use this approach for Svelte, Vue, and React to implement accessible state management, data fetching, and form validation rigor, ensuring your prototypes scale into reliable production interfaces.
After building accessible UI, you document rationale, log decisions in a project file, and route handoffs to Builder, Showcase, or Radar while consulting shared references for component quality guidance.
truongnatConvert Figma design files into structured code via MCP Figma Server.
Terryc21Consolidate companion radar handoffs and scans into a single grade with ship/no-ship recommendation.
KanakMalpaniProvide pattern-driven guidance for scalable React and Next.js frontends.
cpfcoachingAutomate production-grade UI development with design, accessibility, and responsiveness.