Extract color, typography, components, and spacing from UI screenshots into design documents.
npx skills add https://github.com/haomingz/kimi-skills --skill ui-blueprint
Please help me install this Agent Skill. Skill: ui-blueprint Source: https://github.com/haomingz/kimi-skills/tree/main/skills/ui-blueprint Command: npx skills add https://github.com/haomingz/kimi-skills --skill ui-blueprint
该技能能够从参考 UI 截图、设计稿中系统性提取设计系统要素，并输出可直接用于实现的设计文档与 MVP 界面提示词。
提供参考 UI 图像目录让技能提取设计系统并生成可直接使用的界面提示词。
High-intent search queries and answers about installing and using this skill.
To extract a design system from UI screenshots, provide a reference image directory to process color, typography, components, and spacing specifications, generating a structured design-document for frontend and mobile teams.
Yes, you can generate frontend implementation prompts from existing design files by extracting design system elements like color and typography, then converting them into ready-to-use UI prompts for React or mobile pipelines.
The best way to turn reference UI images into an MVP design document is to extract color, typography, component, and spacing specifications, outputting structured machine-readable configuration data for immediate handoff.
Yes, this design extraction method outputs machine-readable configuration for React by meeting YAML frontmatter requirements and applying design system templates to ensure structured data for frontend pipelines.
Extracting a UI design system from references includes color, typography, components, and spacing specifications, outputting a complete design-document alongside implementation-ready prompts for frontend and mobile teams.
Yes, you can save extracted design system documents for UI discovery and handoff by integrating the workflow output into the documents/ux-design directory for React or mobile UI pipelines.
pastjeanExtract design tokens and CSS snippets from UI screenshots.
daymadeExtract color palettes, typography, spacing, and component styles from reference UI images.
kaeligGenerate component briefs and architecture documentation from Markdown templates.
Exia-thdGenerate WCAG AA-compliant wireframes, design tokens, and component inventories for digital products.
