GitHub
data-artist
Create beautiful data visualizations with mathematical elegance, color theory, and narrative design - the "Data is Beautiful" aesthetic.
☆ 2查看技能
tools design AI 技能
发现 tools design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools design
tools design 清除筛选
全部技能
GitHub
datavis
Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing...
☆ 2查看技能
GitHub
base-ui-design
Base UI component patterns and design system guidelines. Use when creating or styling UI components, managing spacing, typography, border radius, icons, or following project design standards.
☆ 2查看技能
GitHub
mermaid
Guide for creating mermaid diagrams. This skill should be used when users want to create a mermaid diagram (or update an existing diagram).
☆ 2查看技能
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...
☆ 2查看技能
GitHub
art
Complete visual content system for PAI. Tron-meets-Excalidraw aesthetic - dark backgrounds, neon accents, hand-drawn sketch style.
☆ 2查看技能
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...
☆ 2查看技能
GitHub
mermaid-creator
Create Mermaid diagrams for technical documentation, system design, and data modeling. Use when creating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, git graphs, or...
☆ 2查看技能
GitHub
brand-guidelines
Applies AI Security Assurance's official brand colors, typography, and voice to any artifact. Use when creating presentations, documents, marketing materials, or any content that should reflect the company's pr...
☆ 2查看技能
GitHub
frontend-design
Guide for creating distinctive UI designs that avoid generic templates. Use when designing new UI components, screens, or evaluating designs for uniqueness and purpose.
☆ 2查看技能
GitHub
technical-svg-diagrams
Generate clean, minimal technical SVG diagrams in a consistent Cloudflare-inspired style. Use when creating architecture diagrams, flow diagrams, or component diagrams for blog posts and documentation.
☆ 2查看技能
GitHub
mermaid-diagramming
Creates Mermaid v11+ diagrams with ELK layout and YAML frontmatter. Covers 22 diagram types: flowchart, mindmap, block, sequence, journey, state, ER, class, requirement, pie, quadrant, sankey, xy, radar, gantt,...
☆ 2查看技能
GitHub
ios-app-icon-generator
Generates a complete iOS app icon set with all required sizes. Use when asked to create an app icon, design an iOS icon, generate app store artwork, or make an icon for an iPhone/iPad app. Follows a philosophy-...
☆ 2查看技能
GitHub
generate-image
Generates images using Google Gemini 3 Pro API. Use when asked to create, generate, or design images for slides, presentations, or visual content.
☆ 2查看技能
GitHub
colormaps-styling
Master color management and visual styling with Colorcet. Use this skill when selecting appropriate colormaps, creating accessible and colorblind-friendly visualizations, applying consistent themes, or customiz...
☆ 2查看技能
GitHub
data-visualization
Master advanced declarative visualization with HoloViews. Use this skill when creating complex multi-dimensional visualizations, composing overlays and layouts, implementing interactive streams and selection, b...
☆ 2查看技能
GitHub
prototyping
Master prototyping - Figma, wireframes, interactive prototypes, user testing, iteration
☆ 2查看技能
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...
☆ 2查看技能
GitHub
icon-generator
Generate web UI/UX icon assets (favicon.ico, apple-touch-icon, PWA icons incl. maskable) and optionally Unreal Engine packaging icons (Windows .ico, macOS .iconset/.icns, Linux .png) from a single source SVG/PN...
☆ 2查看技能
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, applications, or redesign existing UIs. Generates creative, p...
☆ 2查看技能
GitHub
figma-to-flutter
This skill should be used when converting Figma designs to Flutter code. Trigger this skill when users say "convert this Figma design to Flutter", "run Figma workflow", "implement this Figma screen", or provide...
☆ 2查看技能
GitHub
wireframing
Master wireframing with low and high-fidelity mockups, information architecture, and layout design.
☆ 2查看技能
GitHub
figma-to-react
Convert Figma designs to pixel-perfect React components with Tailwind CSS.
☆ 2查看技能
GitHub
aesthetic-pattern-miner
[Aesthetics] Extracts recurring visual patterns from references: contrast habits, shapes, density/whitespace balance, rhythm, textures. Produces Aesthetic Pattern Library as Data-Sheet nodes in Brain canvas.
☆ 2查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。