GitHub
mermaid-diagram
Generate and validate Mermaid architecture diagrams. Triggers when user requests diagram generation, Mermaid validation, or architecture visualization. Uses mmdc CLI (mermaid-cli v11.12.0).
☆ 1查看技能
tools design AI 技能
发现 tools design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools design
tools design 清除筛选
全部技能
GitHub
anime-js
Anime.js animation patterns for web interfaces including timelines, staggering, and motion design.
☆ 1查看技能
GitHub
frontend-excellence
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Use when building web UIs, React components, landing pages, dashboards, or styling any web interface. Provides design t...
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
GitHub
theme-factory
Professional styling toolkit with 10 pre-set themes for slides, documents, reports, and HTML pages. Use when applying consistent colors and fonts to any artifact, or when generating custom themes on-the-fly.
☆ 1查看技能
GitHub
chartjs
Create simple, responsive charts quickly with Chart.js
☆ 1查看技能
GitHub
canvas-design
Create original visual art in PNG and PDF formats using design philosophy principles. Express aesthetic movements visually with minimal text. Use for creating museum-quality visual artifacts, design manifestos,...
☆ 1查看技能
GitHub
algorithmic-art
Create generative art using p5.js with seeded randomness and interactive exploration. Use for computational aesthetics, parametric design, particle systems, noise fields, and procedural generation.
☆ 1查看技能
GitHub
image-composer
Creative direction for branded images - compose visual briefs for social media, lifestyle, marketing, and web imagery
☆ 1查看技能
GitHub
frontend-design
Create polished frontend interfaces from designs/screenshots with high design quality. Use for web components, pages, replicating UI designs, extracting design guidelines, avoiding AI slop aesthetics.
☆ 1查看技能
GitHub
ui-styling
Style UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.
☆ 1查看技能
GitHub
mermaidjs-v11
Create diagrams with Mermaid.js v11 syntax. Use for flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, state diagrams, architecture diagrams, timelines, user journeys.
☆ 1查看技能
GitHub
drawio
Create and edit draw.io diagrams in XML format. Use when the user wants to create flowcharts, architecture diagrams, sequence diagrams, or any visual diagrams. Handles XML structure, styling, fonts (Noto Sans J...
☆ 1查看技能
GitHub
web-artifacts-builder
Suite of tools for creating elaborate, multi-component HTML artifacts for SEA-Forge™ using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management...
☆ 1查看技能
GitHub
drawio
Create and edit draw.io diagrams in XML format. Use when the user wants to create flowcharts, architecture diagrams, sequence diagrams, or any visual diagrams. Handles XML structure, styling, fonts (Noto Sans J...
☆ 1查看技能
GitHub
shadowrun-aesthetic
Applies Shadowrun cyberpunk aesthetic to UI components. Use when building character sheets, creation cards, gear panels, modal dialogs, or any SR-themed interface elements. Combines systematic craft principles...
☆ 1查看技能
GitHub
design-system-foundation
Guides on building design systems for applications. Use when creating design tokens, component libraries, or when the user asks about design system architecture.
☆ 1查看技能
GitHub
grove-ui-design
Create warm, nature-themed UI for Grove with glassmorphism, seasonal decorations, randomized forests, and accessible design patterns. Use when building pages, enhancing UI, or adding decorative elements.
☆ 1查看技能
GitHub
color-expert
Expert guide for the Doggy Bag color/theme system with color theory principles
☆ 1查看技能
GitHub
editorial-image-generator
Creates sophisticated HBR-style editorial illustrations for any content using AI understanding and visual analysis. Use when creating conceptual illustrations, analyzing generated images, or compositing logos....
☆ 1查看技能
GitHub
favicon-generator
Generate complete favicon/app icon suites with templates and assets. Use when the user needs favicons or app icons for a web/app project.
☆ 1查看技能
GitHub
nano-banana-builder
Build production-ready web applications powered by Google's Nano Banana image generation APIs—creating everything from simple text-to-image generators to sophisticated iterative editors with multi-turn conversa...
☆ 1查看技能
GitHub
og-image-creator
Generate authentic, brand-aligned Open Graph images by understanding your codebase first, then creating contextually appropriate images for each route using Playwright and your existing components.. Use when Us...
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。