Design
UI/UX direction, visual design, and design systems
fal-ai-media
by anavvanzin
Unified media generation via fal.ai MCP — image, video, and audio. Covers text-to-image (Nano Banana), text/image-to-video (Seedance, Kling, Veo 3), text-to-speech (CSM-1B), and video-to-audio (ThinkSound). Use when the user wants to generate images, videos, or audio with AI.
design-system
by legoliath
Mise en page et design de documents, pages et projets. Regles de design (typographie, couleurs, hierarchie visuelle, layout patterns) et recettes concretes par plateforme. Use when creating or formatting Notion pages (covers, icons, callouts, columns, dividers, toggle sections, synced blocks), building HTML dashboards or web pages, generating PDFs with Typst, writing GitHub Markdown (alerts, Mermaid, badges). Triggers on mise en page, layout, formatage, rendre beau, design de page, page Notion, dashboard, outils de design, belle page, projet Notion, template de page. Provides design RULES and RECIPES, NOT image generation.
critique
by paulbryantbaker-art
Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.
threat-modeler
by tmart234
Produce structured threat models for software, systems, networks, IoT/embedded devices, medical devices, or business processes. Walks Shostack's Four Question Framework, produces a Mermaid DFD with trust boundaries, runs STRIDE-Per-Element with prioritized mitigations and derived security requirements, and a Q4 self-assessment. Trigger on threat modeling, STRIDE, DFD / data flow diagram, attack surface, abuse / misuse cases, security architecture review, trust boundaries, "what can go wrong / what are the threats to X / how would someone attack X", or pasting architecture and asking about risks. Also trigger when the user names a methodology (LINDDUN, PASTA, DREAD, attack trees) or asks for a regulatory threat-model deliverable (FDA premarket cybersecurity, IEC 62443, IEC 81001-5-1). Greenfield and brownfield. Do NOT trigger for penetration testing planning, vulnerability scanning, or incident response.
dashboard
by nexu-io
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the brief asks for a "dashboard", "admin", "analytics", or "control panel" screen.
cacusa-design
by robingonzalez-ux
Use this skill to generate well-branded interfaces and assets for CACUSA by Taitus, a personalized artisan jewelry brand from Ecuador with presence in the USA. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
latency-critical-systems
by affaan-m
Use for latency-sensitive systems such as realtime dashboards, market data, streaming agents, execution gateways, queues, caches, or HFT-like infrastructure where freshness and p95 latency matter. Use when p95 latency or data freshness matters — realtime dashboards, market data, streaming agents, queues, or caches.
dealerdetail-dev-setup
by joecastelino
Bootstrap the DealerDetail Next.js app for local development against the live Supabase project, verify the DB + Prisma migration state, and validate the Tekion production API before building the API-driven data pipeline. Covers credential retrieval, .env wiring, and the gotchas (Slack-mangled connection strings, missing psql, prototype-vs-API architecture). Use whenever standing up, migrating, or extending the DealerDetail Fixed Ops app.
Home Depot
by imoonkey
```
dashboard-deploy
by beupspace-tool
"Deploy a live webapp dashboard for any BEUP Google Sheet/Excel template. Trigger when user says 'create dashboard webapp for [template]', 'deploy dashboard for [product]', 'add dashboard route', 'tạo webapp dashboard', or wants to turn an existing Claude artifact dashboard into a deployable Vercel webapp. This skill handles the full workflow: analyze template structure, generate template-specific dashboard component, register route, and prepare for Vercel deploy. Requires the dashboard-builder skill for data analysis and chart selection. Output is a deployable Vite+React project."
apify-ecommerce
by lingxling
"Extract product data, prices, reviews, and seller information from any e-commerce platform using Apify's E-commerce Scraping Tool."
vibe-coder
by timequity
Describe your idea, get a deployed product. All Craft Coder skills + brainstorm, validation, marketing. Use when: user wants to build something from an idea, prototype, or MVP. Triggers: "build app", "create website", "make MVP", "I have an idea", "хочу приложение", "создать сайт", "сделать MVP".
design-taste-frontend
by daniel-st3
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
marketing-product-ideas
by realjaymes
"When the user needs marketing or product ideas grounded in behavioral principles and proven experiments. Use when the user mentions 'marketing ideas,' 'product ideas,' 'awareness experiments,' 'conversion experiments,' 'growth experiments,' 'PLG tactics,' 'top of funnel,' 'trial to paid,' or 'self-serve SaaS strategies.' This skill provides a 5-layer mental model, 30 foundational marketing principles, and tested experiments for awareness and conversion."
ip-illustration-character-system
by EverettFish
"Create a reusable personal IP and an all-in-one visual asset system: character anchors, article illustrations, infographics, photo fusion, stickers, folder icons, stationery, Polaroid frames, avatars, expression packs, and reference-meme subject replacement in Mengli, source-meme, 3D, pixel, or another user-chosen style. Use for personal mascots, reaction images, meme remakes, or any request that must preserve one IP consistently across many assets."
frontend-design
by ankitgoyal1206
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 avoids generic AI aesthetics.
google-fonts
by amohavarshansankar
Google Fonts typography system generator. Suggests single fonts (strict mode) and font pairs (contrast mode) with complete typographic scales following Tailwind Typography rhythm concepts. Generates CSS custom properties, Tailwind config, and embed links. Trigger: "choose a font", "font pairing", "typography system", "type scale", "Google Font", "heading font", "body font", "web font", "font for my site", "typographic scale", "font suggestion", "which font", "font recommendation", "serif or sans".
google-typescript-style
by chughtapan
Use when writing or reviewing TypeScript under Google's source, type-system, naming, module, documentation, and conformance conventions. Do not use for plain JavaScript; use google-javascript-style instead.
ask-matt
by seanrobertwright
Ask which skill or flow fits your situation. A router over the user-invoked skills in this repo.
reviewing-msbuild-code
by dotnet
"Reviews MSBuild code changes using a 24-dimension methodology. Activates for code review, PR review, pull request analysis, design review, architecture review, code quality assessment, or style check of MSBuild code. Covers backwards compatibility, ChangeWave discipline, performance, allocation awareness, test coverage, error message quality, logging, string comparison, API surface, target authoring, cross-platform correctness, code simplification, concurrency, naming, SDK integration, evaluation model integrity, correctness, dependency management, security, and build infrastructure."
brand-style-guide
by rampstackco
"Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts. Use this skill whenever the user wants to create brand guidelines, document an existing brand, build a brand book, audit an existing style guide for completeness, or produce the artifact that other teams will reference for years. Triggers on style guide, brand guidelines, brand book, brand standards, brand manual, style sheet, brand documentation, brand reference. Also triggers when the brand identity is finished and needs to be documented for handoff to designers, developers, vendors, or future team members."
decouple-component-from-storage
by tomevault-io
Use when writing a MASM procedure inside a reusable account component that accesses account storage — receive the storage slot as a parameter so the component is portable across storage layouts.
design-dna
by zanwei
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a structured JSON profile covering all three dimensions, (3) a user has a Design DNA JSON and content and wants a design generated from it, or (4) any combination of these phases. Triggers on "design DNA", "extract design style", "analyze design", "design tokens from reference", "generate design from JSON", "design system from screenshot", "design profile", "style guide JSON", "visual effects analysis", "design with effects", "3d design analysis".
validate-changes-match-specs
by warpdotdev
Validate that a branch or pull request implementation matches introduced product, technical, security, and related specs. Use when reviewing or finishing a spec-driven change and resolving mismatches between checked-in specs and implementation.