GitHub
designing-frontend
Design and build beautiful web UI that doesn't look generic. Use when designing or building web components, pages, or dashboards.
☆ 1查看技能
blockchain design AI 技能
发现 blockchain design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: blockchain design
blockchain design 清除筛选
全部技能
GitHub
mermaid-diagram
This skill should be used when the user asks to "create a diagram", "draw a flowchart", "generate a sequence diagram", "make a state diagram", "create a class diagram", "draw an ER diagram", "update diagram", "...
☆ 1查看技能
GitHub
aico-frontend-design
Transform PRD or story into complete page/component designs with ASCII layouts, component specs, interaction flows, and frontend implementation prompts. Use this skill when: - User asks to "design the page", "...
☆ 1查看技能
GitHub
figma-design
Use this skill when working with Figma designs to generate code. Converts Figma layouts, components, and styles into production-ready code. Triggers on keywords like "Figma", "design to code", "implement this d...
☆ 1查看技能
GitHub
visual-communicator
Enforces Visual Communication Standards. Use this skill when explaining complex logic, architectures, workflows, or when the user asks for diagrams.
☆ 1查看技能
GitHub
web-frontend
Create distinctive, production-grade frontend interfaces with high design quality and strict technical standards. Use this skill when the user asks to build web components, pages, or applications. Generates cre...
☆ 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
drawio-diagrams-enhanced
This skill should be used when the user asks to "create a diagram", "draw a flowchart", "make a swimlane diagram", "create WBS", "generate RACI matrix", "build network diagram", "create org chart", or mentions...
☆ 1查看技能
GitHub
visual-inspection
Perform automated visual design inspection using Playwright MCP. Captures screenshots at mobile (375px), tablet (768px), and desktop (1280px) viewports, then analyzes them for design consistency, layout shifts,...
☆ 1查看技能
GitHub
oracle-diagram-generator
Generate professional OCI architecture diagrams with verified Oracle styling and icons
☆ 1查看技能
GitHub
figma-design
Access Figma designs, extract design systems, and retrieve component specifications. Use when implementing UI from Figma mockups, extracting design tokens, or analyzing design files.
☆ 1查看技能
GitHub
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has be...
☆ 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
designing-layouts
Guides design decisions for a low-code CSS layout generator. Use this skill when the user asks for help with UI/UX choices, component architecture, layout presets, canvas interactions, or design system decision...
☆ 1查看技能
GitHub
radflow-design
Create distinctive RadOS-styled UI components with System 7 heritage and warm California aesthetics. Use when building new UI for RadFlow projects. Generates pixel-perfect, on-brand code that avoids generic AI...
☆ 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
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or compa...
☆ 1查看技能
GitHub
brand-identity
Maintain the ArtFrost Portfolio aesthetic (Dark/Glassmorphism/3D). Use this skill when generating UI, styling components, or creating design assets.
☆ 1查看技能
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,...
☆ 1查看技能
GitHub
futuristic-effects-agent
Apply advanced glassmorphism, neon glows, quantum gradients, and consciousness animations using Genesis Ontological mixins. Implement futuristic visual effects while maintaining semantic purity. Use when enhanc...
☆ 1查看技能
GitHub
flux-prompt-engineer
Expert prompt engineering for FLUX.1 image generation. Use when users request AI-generated images, artwork, illustrations, or visual content. Converts any visual request into optimized FLUX.1 prompts using laye...
☆ 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
figma-image-downloader
WHAT: Download screen screenshots from Figma files via bash script. WHEN: extracting visual assets, creating screenshot references, archiving designs. KEYWORDS: figma, download, screenshot, images, frames, png,...
☆ 1查看技能
GitHub
figma-researcher
WHAT: Research Figma designs using MCP server for implementation details. WHEN: implementing UX changes, extracting design specs, auditing design tokens. KEYWORDS: figma, mcp, design, research, specs, tokens, c...
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。