Loading...
Loading...
Found 12 Skills
使用 Pencil MCP 创建工业级 UI 设计的完整工作流和组件库
Design and iterate on logos using SVG. Use this skill when the user asks to "create a logo", "design a logo", "make me a logo", "iterate on this logo", "logo for my project", or discusses logo design, branding icons, or wordmarks.
Design a screen's element tree in Screen Tree Notation (STN) format. Takes a screen description as input, references or creates a GLOBAL_LAYOUT, and outputs a complete element tree.
Internal skill. Use cc10x-router for all development tasks.
Generate high-quality supporting images for Xiaohongshu notes. AI generation (Gemini) is used by default, and HTML is only used as a fallback for precise data tables. This skill is used when users mention "Xiaohongshu matching image", "Xiaohongshu cover", "Xiaohongshu picture", "make a Xiaohongshu image", or "note matching image".
Modern UI/UX design specialist for web applications, mobile apps, and design systems. Covers design principles, user research, interaction patterns, accessibility (WCAG), responsive design, component libraries (Tailwind, shadcn/ui, Material), prototyping, and usability testing. Creates beautiful, functional interfaces following best practices.
[Design & Content] Create a design based on screenshot
[Design & Content] Create a quick design
[Design & Content] Create a design based on video
[Design & Content] Create an immersive design
Provides comprehensive guidance for Galileo AI design tool including AI-assisted design, component generation, and design automation. Use when the user asks about Galileo AI, needs to use AI for design, generate design components, or automate design workflows.
UI/UX Design Intelligence, a must-use resource when conducting page design work