GitHub
squares
본 문서는 수 십개의 작은 사각형으로 글씨를 만드는 JavaScript 코드를 생성하는 개발 지침을 제공합니다. 텍스트를 화면에 표시 할 때, 일반 벡터 텍스트를 그대로 쓰지 않고, 수십 개의 작은 정사각형(픽셀)을 격자 형태로...
☆ 0查看技能
部署与运维 AI 技能
发现 部署与运维 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 部署与运维
部署与运维 清除筛选
全部技能
GitHub
design-tokens
Design token management for creating, organizing, and applying design tokens across projects. Supports multiple formats (CSS custom properties, Sass, JS, JSON). Use when setting up design systems or managing de...
☆ 0查看技能
GitHub
marp
build marp presentations
☆ 0查看技能
GitHub
color-tools
Color palette generation, contrast checking (WCAG), color space conversion, and color harmony tools. Ensures accessible and visually appealing color systems. Use when designing color schemes, checking accessibi...
☆ 0查看技能
GitHub
canvas-design
Tạo visual art đẹp trong .png và .pdf documents sử dụng design philosophy. Sử dụng khi user yêu cầu tạo poster, piece of art, design, hoặc static visual piece. Tạo original designs, không copy existing artists.
☆ 0查看技能
GitHub
design-asset-parser
Parses design assets (PDF, CSS) to generate a draft design spec.
☆ 0查看技能
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 0查看技能
GitHub
fd-components
Expert skill for UI component design, variants, composition patterns, and shadcn/ui component customization. Use when building specific components, creating variants, or composing complex UI elements.
☆ 0查看技能
GitHub
exocore-brand-guidelines
Applies the ExoCore Systems visual identity (Ebony, Bone, Picasso Green, Warning Coral) to digital artifacts and UI components. Use this to maintain "Plate Lock" consistency across all Sibling OS developments.
☆ 0查看技能
GitHub
fd-spacing-layout
Expert skill for spacing systems, layout grids, responsive breakpoints, and whitespace design. Use when defining spacing scales, implementing grid systems, setting up responsive layouts, or establishing consist...
☆ 0查看技能
GitHub
fd-color-systems
Expert skill for color palettes, semantic color tokens, dark mode theming, and color accessibility. Use when defining color schemes, implementing dark/light themes, ensuring contrast compliance, or creating col...
☆ 0查看技能
GitHub
maintain-icon-system
Advanced workflow for auditing, sourcing, adding, and configuring icons using the Design Preview tools and MDI library.
☆ 0查看技能
GitHub
using-gui-wireframes
Use when creating or editing UI mockups, screen layouts, or interface designs. Use INSTEAD of ASCII art for any visual UI representation.
☆ 0查看技能
GitHub
design-tokens-enforcement
Enforces design token usage (AppColors/AppTheme) instead of direct Colors.*. Use when writing UI code, reviewing widgets, or ensuring design consistency.
☆ 0查看技能
GitHub
ui-designer
Définit le design system, les composants UI et les guidelines visuelles. Utiliser après l'UX design ou quand le projet nécessite une cohérence visuelle, un design system, ou quand l'utilisateur dit "UI", "desig...
☆ 0查看技能
GitHub
icon-generation-skill
Generate simple PNG icons with customizable text and background colors.
☆ 0查看技能
GitHub
canvas-design-skill
Generate HTML5 Canvas code for basic design patterns (rect, circle, grid, star).
☆ 0查看技能
GitHub
brand-guidelines
Apply brand colors, typography, và style guidelines cho artifacts. Sử dụng khi cần brand identity, visual formatting, company design standards, corporate styling.
☆ 0查看技能
GitHub
theme-factory
Toolkit cho styling artifacts với theme. Áp dụng cho slides, docs, reports, HTML landing pages. 10 pre-set themes với colors/fonts có thể apply, hoặc generate theme mới on-the-fly.
☆ 0查看技能
GitHub
section-backgrounds
Apply branding guidelines to page sections after style cleanup. Implements 60-30-10 color rule, alternates section backgrounds, and ensures visual hierarchy. Use for each page after running remove-inline-styles...
☆ 0查看技能
GitHub
mmd-device-hx-effects
Guide for using the Line 6 HX Effects device library in MMD files. Use when the user mentions HX Effects, HX Effects processor, effects-only processor, or needs help with 4-snapshot control, sequential preset a...
☆ 0查看技能
GitHub
image-editor
Image processing for basic edits and color adjustments. Use this skill when users request image operations like resize, rotate, crop, flip, or color adjustments (brightness, contrast, saturation). Supports both...
☆ 0查看技能
GitHub
video-processing
Use when processing YouTube videos, extracting subtitles, parsing VTT files, analyzing video content, generating timestamps, or creating video summaries
☆ 0查看技能
GitHub
video-format
Process videos using ffmpeg and gifsicle to edit videos. Use when working with .mp4, .avi, or .gif files, or sequences of .png or .jpg files, and the request is to compress, convert to a different format, scale...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。