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
关于 ui-implementer
ui-implementer 是一个 design 类别的 AI 技能，旨在帮助开发者和用户更高效地使用 AI 工具。Implements UI components from scratch based on design references (Figma, screenshots, mockups).
该技能在 GitHub 上获得了 1,000 个 star，表明它在社区中受到广泛认可。它兼容 claude、codex 等平台。
核心能力
为什么使用 ui-implementer
将 ui-implementer 添加到您的 AI 工作流中可以显著提升在 design 领域的工作效率。通过预定义的提示模板和最佳实践，这个技能可以帮助 AI 助手更好地理解您的需求并提供更准确的响应。
无论您使用 claude 还是 codex，都可以轻松集成此技能到您现有的开发环境中。
探索更多 design 技能
发现更多 design 类别的 AI 技能，帮助您构建全面的 AI 技能栈。
相关技能
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.