GitHub
excalidraw
Generate hand-drawn style diagrams (architecture, flowcharts, system design) as .excalidraw.json files. Use when user wants diagrams, mentions Excalidraw, or needs Mermaid-to-visual conversion.
☆ 6查看技能
tools design AI 技能
发现 tools design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools design
tools design 清除筛选
全部技能
GitHub
gemini-image
Generate images using AI when user wants to create pictures, draw, paint, or generate artwork. Supports text-to-image and image-to-image generation.
☆ 6查看技能
GitHub
tech-design-doc
Generate technical design documents with proper structure, diagrams, and implementation details. Default language is English unless user requests Chinese.
☆ 6查看技能
GitHub
frontend-design
Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics
☆ 6查看技能
GitHub
ui-design
Use when implementing visual design, styling components, or building design systems. Enforces intentional aesthetics, systematic design tokens, production-grade implementation. Triggers: 'implement design', 'st...
☆ 6查看技能
GitHub
scroll-storyteller
Use when creating interactive scroll-based storytelling experiences with mouse-following spotlight effects, animated SVG art, and the Anthropic design language. Load for explainer pages, product showcases, visu...
☆ 6查看技能
GitHub
duotone-identity
Use when designing app pages, typography, spacing, or any UI look and feel for the Identity Platform. Load for creating landing pages, chapter sections, SVG illustrations, or applying the duotone cream/charcoal...
☆ 6查看技能
GitHub
terminal-ui-design
Use when creating CLI tools, terminal user interfaces (TUI), or any command-line applications. Load for terminal UI design, ASCII art, color schemes, box drawing characters, and polished terminal output. Also u...
☆ 6查看技能
GitHub
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visu...
☆ 5查看技能
GitHub
brand-guidelines
Applies a predefined brand color palette and typography rules to artifacts that need a consistent visual identity. Use it when brand colors or style guidelines, visual formatting, or company design standards ap...
☆ 5查看技能
GitHub
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle...
☆ 5查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 5查看技能
GitHub
mermaid-gen
Generate syntactically correct Mermaid diagrams for technical documentation
☆ 5查看技能
GitHub
charts-flow
Create and manage Mermaid architecture diagrams with automatic SVG generation
☆ 5查看技能
GitHub
social-media-designer
Create platform-optimized social media graphics
☆ 5查看技能
GitHub
wireframe-creator
Create low-fidelity wireframes for rapid prototyping
☆ 5查看技能
GitHub
infographic-designer
Create engaging data visualizations and infographics
☆ 5查看技能
GitHub
icon-designer
Create cohesive icon sets and design systems
☆ 5查看技能
GitHub
color-palette-generator
Create beautiful, accessible color schemes for any project
☆ 5查看技能
GitHub
ui-builder
Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use when creating components, layouts, animations, or styling.
☆ 5查看技能
GitHub
mockup-generator
Create realistic product mockups and presentations
☆ 5查看技能
GitHub
logo-ideator
Generate creative logo concepts and design directions
☆ 5查看技能
GitHub
plantuml
Generates diagrams from text using PlantUML. Use when creating sequence diagrams, class diagrams, activity diagrams, C4 architecture diagrams, Gantt charts, mind maps, ER diagrams, or any visual diagram. Trigge...
☆ 5查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 5查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。