ui-implementer
描述
Implements UI components from scratch based on design references (Figma, screenshots, mockups).
如何使用
- 访问 GitHub 仓库获取 SKILL.md 文件
- 将文件复制到您的项目根目录或 .cursor/rules 目录
- 重启您的 AI 助手或编辑器以应用新技能
完整技能说明
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
相关技能
openai-image-gen
Batch-generate images via OpenAI Images API with random prompt sampler.
brand-guidelines
将 Anthropic 的官方品牌颜色和字体应用于工件。当品牌颜色或样式指南适用时使用。
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.