GitHub
eda-schematics
Schematic capture and wiring. Create schematic sheets, place symbols, add wires and net labels, organize hierarchical designs.
☆ 4查看技能
tools design AI 技能
发现 tools design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools design
tools design 清除筛选
全部技能
GitHub
evolutionary-forms
Generate and evolve abstract visual forms through a Darwinian selection process. Use when users want to create organic shapes, evolve visual designs, breed form variations, or explore parametric design through...
☆ 4查看技能
GitHub
drawbot-designer
Create well-designed posters, layouts, and graphics using DrawBot with automatic enforcement of typography principles from Hochuli, Bringhurst, and Müller-Brockmann. Use when users request posters, layouts, gra...
☆ 4查看技能
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...
☆ 4查看技能
GitHub
build-design-system
Build a design system from scratch using the Design Graph methodology. Use when starting a component library, creating design tokens, establishing typography scales, or structuring a theme. Based on Brent Jacks...
☆ 4查看技能
GitHub
design-conventions
Golden Anniversary design system with OKLCH color palette, typography (Inter, Playfair Display, Dancing Script), component states, Framer Motion patterns, and accessibility requirements. Use when working on sty...
☆ 4查看技能
GitHub
app-icon-generator
Generates app icons in all required sizes for iOS, Android, and PWA from a single source image. Use when user asks to "generate app icons", "create ios icons", "android app icons", "favicon", or "pwa icons".
☆ 4查看技能
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, OR when they provide screenshots/images/desi...
☆ 4查看技能
GitHub
nano-banana
Generate, edit, and compose images using Google's Gemini 3 Pro Image model (Nano Banana Pro). Use this skill when the user asks to create images, generate visuals, edit photos, compose multiple images, create l...
☆ 4查看技能
GitHub
arc-diagrams
Create architecture diagrams using Arc's JSON format. Use when asked to "create an architecture diagram", "draw a system diagram", "visualize the architecture", or "make a diagram of".
☆ 4查看技能
GitHub
brand-guidelines
Apply OpenEd's visual brand identity to presentations, websites, and digital materials. Specifies colors, typography, spacing, and design specifications for consistent visual branding across all OpenEd material...
☆ 4查看技能
GitHub
image-prompt-generator
Generate AI images using Nano Banana Pro (Gemini). Use this skill when the user needs images - thumbnails, social posts, blog headers, or creative visuals. Follows an iterative workflow - brainstorm concepts, s...
☆ 4查看技能
GitHub
figma-extract
Extract design specifications and tokens from Figma files via MCP. Use when pulling design from Figma, extracting colors/typography, or converting Figma to spec. Triggers on keywords like "figma extract", "figm...
☆ 3查看技能
GitHub
ui-ux-pro-max
Design intelligence database for UI/UX decisions (tech-agnostic). Use FIRST when planning beautiful interfaces - provides style recommendations, color palettes, font pairings, UX guidelines BEFORE implementatio...
☆ 3查看技能
GitHub
design-spec
Create UI/UX design specifications from requirements or Figma designs. Use when creating design specs, documenting UI components, or extracting design from Figma. Triggers on keywords like "design spec", "ui sp...
☆ 3查看技能
GitHub
tailwindcss
Styles web applications with Tailwind CSS using utility classes, responsive design, custom themes, and component patterns. Use when setting up Tailwind, creating layouts, implementing responsive designs, or cus...
☆ 3查看技能
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...
☆ 3查看技能
GitHub
figma-design-analyzer
Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Figma nodes, extract design properties (layout, spacing, typography), classify components us...
☆ 3查看技能
GitHub
nextjs-react-implementation
Generate production-ready Next.js/React components from design specifications. Use this skill when you have a design specification document and need to create React/TypeScript components with Tailwind CSS styli...
☆ 3查看技能
GitHub
design
Use when building UI components, styling pages, or making visual/interaction decisions. Guides design thinking, anti-patterns, CSS architecture, and responsive patterns.
☆ 3查看技能
GitHub
ipa-brand-guidelines
Applies Innovations for Poverty Action's official brand colors and typography to any sort of artifact that may benefit from having IPA's look-and-feel. Use it when brand colors or style guidelines, visual forma...
☆ 3查看技能
GitHub
figma-design-workflow
Generate Figma mockups from wrangler specifications with hierarchical file structure and approval tracking
☆ 3查看技能
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...
☆ 3查看技能
GitHub
diagramming
Generate Excalidraw diagrams. Use when creating flowcharts, ER diagrams, sequence diagrams, block diagrams, or any .excalidraw files.
☆ 3查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。