GitHub
designing-frontend
Design and build beautiful web UI that doesn't look generic. Use when designing or building web components, pages, or dashboards.
☆ 1View skill
blockchain design AI Skills
Discover blockchain design skills, compare source repositories and read the instructions for each workflow.
Categories: blockchain design
blockchain design Clear filters
Browse skills
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", "...
☆ 1View skill
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", "...
☆ 1View skill
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...
☆ 1View skill
GitHub
visual-communicator
Enforces Visual Communication Standards. Use this skill when explaining complex logic, architectures, workflows, or when the user asks for diagrams.
☆ 1View skill
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...
☆ 1View skill
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...
☆ 1View skill
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...
☆ 1View skill
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,...
☆ 1View skill
GitHub
oracle-diagram-generator
Generate professional OCI architecture diagrams with verified Oracle styling and icons
☆ 1View skill
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.
☆ 1View skill
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...
☆ 1View skill
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.
☆ 1View skill
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...
☆ 1View skill
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...
☆ 1View skill
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.
☆ 1View skill
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...
☆ 1View skill
GitHub
brand-identity
Maintain the ArtFrost Portfolio aesthetic (Dark/Glassmorphism/3D). Use this skill when generating UI, styling components, or creating design assets.
☆ 1View skill
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,...
☆ 1View skill
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...
☆ 1View skill
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...
☆ 1View skill
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.
☆ 1View skill
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,...
☆ 1View skill
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...
☆ 1View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.