ui-implementer
Description
Implements UI components from scratch based on design references (Figma, screenshots, mockups).
How to Use
- Visit the GitHub repository to get the SKILL.md file
- Copy the file to your project root or .cursor/rules directory
- Restart your AI assistant or editor to apply the new skill
Full Skill Documentation
name
ui-implementer
description
Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching. Use when user provides a design and wants pixel-perfect UI implementation with design fidelity validation. Triggers automatically when user mentions Figma links, design screenshots, or wants to implement UI from designs.
allowed-tools
Task, AskUserQuestion, Bash, Read, TodoWrite, Glob, Grep
Tags
Related Skills
openai-image-gen
Batch-generate images via OpenAI Images API with random prompt sampler.
brand-guidelines
Applies Anthropic's official brand colors and typography to artifacts. Use when brand colors or style guidelines apply.
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy.
slack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack.