GitHub
design-system
Studio UI 디자인 시스템 스킬. 컴포넌트 생성, 테마 관리, 토큰 정의에 사용한다.
☆ 0查看技能
tools design AI 技能
发现 tools design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools design
tools design 清除筛选
全部技能
GitHub
site-design-replication
Crawl, analyze, document, and remix website designs. Extract design systems (colors, typography, spacing), document components with LLM-ready markdown, and create new sites inspired by existing designs. Use whe...
☆ 0查看技能
GitHub
mermaid-diagram
Generate well-structured Mermaid diagrams for visual documentation. Use when designing systems, documenting workflows, creating architecture diagrams, or any task requiring visual representation of processes, r...
☆ 0查看技能
GitHub
ui-ux-pro-max
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palette...
☆ 0查看技能
GitHub
drawio
draw.io (.drawio) 形式の図を作成・編集する際に使用。アーキテクチャ図、フローチャート、シーケンス図、ER図などの作成時に自動発動。AWS構成図のサポートあり。
☆ 0查看技能
GitHub
color-theming
Color theme selection and application for website branding. Use when user wants to change colors, theme, accent, branding, or visual style.
☆ 0查看技能
GitHub
ui-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
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-portfolio-design
Dynamic UI design system generator that creates 10 unique, diverse design directions every time it's invoked. Generates both detailed specifications AND an interactive HTML preview so users can visually explore...
☆ 0查看技能
GitHub
nanobanana
Generate and edit images using Google Gemini API (Nano Banana). Use when the user wants to create images, edit photos, generate illustrations for articles, or create visual content. Trigger phrases include "gen...
☆ 0查看技能
GitHub
hsl-to-oklch-converter
This skill converts HSL color values to OKLCH color values. It can process single or multiple colors, provided either directly by the user or from a specified file.
☆ 0查看技能
GitHub
handling-colors
ReactUMG 颜色/色彩类型速查。在设置背景色、前景色、透明度、ColorAndOpacity、BrushColor、ForegroundColor 等颜色属性时激活。帮助区分 SlateColor（嵌套结构）和 LinearColor（直接结构）的正确用法，以及 ColorUseRule 的...
☆ 0查看技能
GitHub
ai-creative-strategist
Research-powered creative strategy with visual previews. Use when you need to figure out WHAT to create before creating it. Researches competitors, captures references, generates visual direction previews, and...
☆ 0查看技能
GitHub
ai-image-generation
Execute AI image generation with optimal quality. Use when you need to generate images via Replicate API. Triggers on: generate image, create visual, product shot. Outputs generated images for feedback and iter...
☆ 0查看技能
GitHub
frontend-design
Enforce a precise, minimal design system for Battery's dashboard UI. Use this skill when building admin interfaces, deployment management screens, or any dashboard components. Inspired by Linear, Notion, and St...
☆ 0查看技能
GitHub
fal-image-gen
Generate AI images using fal.ai Nano Banana Pro model. Use this skill when (1) User requests image generation or creation, (2) User wants AI-generated visuals for websites, products, or marketing, (3) User asks...
☆ 0查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality for RawDrive. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished co...
☆ 0查看技能
GitHub
design-system
Design system guidelines for RawDrive. Use when styling components, using color tokens, implementing themes, or following UI patterns.
☆ 0查看技能
GitHub
brand-guidelines
Applies Cinzia's brand colors and typography to any sort of artifact that may benefit from having Cinzia's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design stand...
☆ 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
brand-guidelines
Applies Acornsoft's official brand colors and typography to any sort of artifact that may benefit from having Acornsoft's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or compa...
☆ 0查看技能
GitHub
visual-test-figma
Compare implementation screenshot with Figma design for visual testing
☆ 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
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...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。