GitHub
design
Create high-level system design and architecture diagrams.
☆ 0查看技能
tools design AI 技能
发现 tools design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools design
tools design 清除筛选
全部技能
GitHub
drawio
Guidelines and best practices for creating draw.io diagrams with proper formatting, font handling, and layout rules. Use when creating or editing .drawio files, generating architecture diagrams, or working with...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
qr-code-generator
Use when implementing QR code generation - provides complete patterns for generating QR codes from text/URLs, displaying QR codes in modals, and customizing QR code appearance
☆ 0查看技能
GitHub
frontend-design
Creates distinctive, production-grade UI with CSS, Tailwind, and modern styling. Use when working on frontend design, UI, UX, styling, CSS, layout, animation, typography, colors, themes, dark mode, or when aske...
☆ 0查看技能
GitHub
graphic-design-expert
Comprehensive design engine for UI/UX, Print, and Social Media. Includes automated image resizing tools, contrast calculators, and 2026 strategic frameworks.
☆ 0查看技能
GitHub
pitch-deck-creator-edtech
Use when user needs to create a pitch deck for EdTech startups - transforms content into visually compelling, narrative-driven presentations through collaborative refinement, wireframing, and hybrid deck genera...
☆ 0查看技能
GitHub
nanobanana
StudioJinsei用Nanobanana画像生成Skill。Google Gemini APIを使用してロゴ、コトネちゃん、サイトビジュアル等を生成します。
☆ 0查看技能
GitHub
sketch
Capture and analyze sketches from the tldraw canvas to understand user intent
☆ 0查看技能
GitHub
generate-mermaid
Automatically invoked when creating visual diagrams (flowcharts, sequence diagrams, ERDs, state machines, user journeys). Ensures proper Mermaid syntax and diagram clarity.
☆ 0查看技能
GitHub
design-system-creator
Create comprehensive design systems with OKLCH colors, typography scales, spacing systems, and shadcn/ui theming. Use when setting up design tokens, creating color palettes, or configuring the visual foundation...
☆ 0查看技能
GitHub
design-excellence
MANDATORY design quality validation for every section. Ensures implementations match inspiration quality and avoid generic AI aesthetics. Use during shape-pages and implement.
☆ 0查看技能
GitHub
design-styles
Comprehensive web design aesthetics guide for applying specific design styles to projects. Use when: (1) User mentions a specific design style name (glassmorphism, brutalist, minimalist, neomorphism, cyberpunk,...
☆ 0查看技能
GitHub
color-palette
Create distinctive, accessible color palettes for UI/web design that avoid generic AI aesthetics. Use when designing websites, applications, or any digital interface requiring thoughtful color selection. Provid...
☆ 0查看技能
GitHub
frontend-design-v2
Extended frontend design guidelines with comprehensive mobile responsiveness and cross-element styling consistency. Use alongside /frontend-design for production-grade, mobile-first interfaces.
☆ 0查看技能
GitHub
frontend-design-complete
Create distinctive, production-grade frontend interfaces with high design quality AND comprehensive mobile responsiveness. Combines aesthetic guidelines with mobile-first patterns, form consistency, and color c...
☆ 0查看技能
GitHub
ui-design-expert
Expert UI design guidance for polishing game interfaces. Use when reviewing screenshots, recommending CSS improvements, designing color schemes, improving typography, adding visual polish, or making the game lo...
☆ 0查看技能
GitHub
design-tokens
Pulse Radar design system - semantic colors, spacing grid, component patterns.
☆ 0查看技能
GitHub
ascii-diagrams
Create and fix ASCII diagrams, tables, wireframes, box-drawings. Use when message contains Unicode box characters (┌┐└┘│─), user asks to create/fix text visualization, align borders, or fix broken ASCII art. Tr...
☆ 0查看技能
GitHub
design-principles
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimal...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
flutter-ui
Flutter UI patterns including layouts, Material 3 components, and responsive design. Use when building screens, creating reusable widgets, or implementing responsive layouts.
☆ 0查看技能
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...
☆ 0查看技能
GitHub
ui-theming
UI theming skill for applying brand designs to Flutter apps. Use when user asks to 'apply X style', 'change theme to Y', 'make it look like Z', or provides reference images for UI design.
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。