Skills
.Work. You
Rest

Artisan

Community

Production-ready frontend code.

Software Engineering#typescript#accessibility#react#vue#svelte#frontend development#component implementation
Authorsimota
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill transforms UI prototypes and design specifications into production-quality, accessible, and type-safe frontend code for React, Vue, or Svelte applications.

Core Features & Use Cases

  • Code Implementation: Writes clean, maintainable component code in React, Vue 3, or Svelte 5.
  • Framework Adherence: Follows best practices for each framework, including hooks, Composition API, and Runes.
  • Accessibility & Type Safety: Ensures components meet WCAG AA standards and are strictly typed with TypeScript.
  • Use Case: You have a Figma design for a new user profile card. Use Artisan to generate the React component code, including state management for form inputs and ensuring keyboard navigation.

Quick Start

Use Artisan to implement the user profile card component in React based on the provided design.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Artisan
Download link: https://github.com/simota/agent-skills/archive/main.zip#artisan

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.