Design plugins

Make Remotion videos from remocn components: brief to storyboard to a rendering project, with visual QA and a hand-off to Remocn Studio.

5 skills · 2 agents · 1 MCP server

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with scores composed in code.

1 skill

Framework-agnostic design principles for visual perception and hierarchy: how the eye groups elements, where it lands first, and what makes a composition read as ordered. Covers Hierarchy, Proximity, Signal-to-Noise Ratio, Color, Alignment, Legibility, Readability, Gestalt Similarity, Closure, and Figure-Ground Relationship. Drawn from the perception-related entries of 'Universal Principles of Design' (Lidwell, Holden, Butler, 2003) and the broader Gestalt and visual-design research literature.

34 skills

Framework-agnostic design principles for cognition, mental models, complexity reduction, and learnability. Covers Hick's Law, Wayfinding, Progressive Disclosure, 80/20 Rule, Chunking, Mental Model, Recognition Over Recall, Consistency, Mimicry, and Iconic Representation. Drawn from the cognition-related entries of 'Universal Principles of Design' (Lidwell, Holden, Butler, 2003) and the broader HCI literature (Norman, Miller, Nielsen, Krug).

33 skills

Framework-agnostic design principles for interaction, affordance, feedback, errors, and user control. Covers Fitts's Law, Affordance, Forgiveness, Feedback Loop, Errors, Constraint, Mapping, Expectation Effect, and Control. Drawn from the interaction-related entries of 'Universal Principles of Design' (Lidwell, Holden, Butler, 2003) and the broader HCI literature (Fitts, Norman, Nielsen heuristics, Cooper).

29 skills

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs

1 skill

Audits rendered UI and specific task/object-link handoffs; excludes ordinary source citations alone. Audits already-rendered UI and Markdown/Obsidian image layout — web app, deck/slide, dashboard, design-system, or Electron/native app — via real-browser/native-app journeys and a Playwright sweep. Use after UI implementation to find typography, overflow, responsive, routing, data-viz, browser-output, or native-shell defects, or to compare a render against a reference. Not for greenfield UI design (use ui-designer) or QA-program setup (use qa-expert).

1 skill

Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.

1 skill · 2 commands · 1 agent

Build award-caliber websites from a one-line prompt: concept, art direction, motion, WebGL and a real-browser QA loop.

1 skill

Score any website the way an Awwwards jury would: real-browser evidence, a blind critic, and a ranked fix list.

1 skill

Use real Hugeicons icon names instead of guessing them. Connects Claude to the Hugeicons MCP server to search 6,000+ icons by meaning, and ships skills that pick the icon library for a project, install the right package, keep one style across the UI and never hand-draw an icon as inline SVG. Works with React, Vue, Angular, Svelte, SolidJS, React Native, Flutter and the web font.

2 skills · 1 MCP server

Ultralytics brand colors, fonts, logo, naming, and tone for branded content.

1 skill

Build and edit designs directly in Figma Desktop from your terminal — render frames/components/variants, manage design tokens & variables (shadcn/Tailwind/DTCG), extract & import whole design systems, gradients, Figma Motion, and accessibility audits. No API key.

1 skill

Tailwind v4 theming, shadcn/ui, landing pages, design system extraction, autonomous multi-page site building, and React patterns.

9 skills · 7 commands

Generate colour palettes, favicon packages, custom SVG icon sets, and image processing (resize, convert, optimise).

5 skills · 5 commands

Local business SEO setup with JSON-LD schema, meta tags, robots.txt, and sitemap.

1 skill · 1 command

Design or redesign frontend UI, presentations, and marketing graphics on the Superdesign infinite canvas. Uses approved slide outlines, project context, and branchable drafts you refine.

1 skill

Build technically-spectacular, soul-distinct, never-cheap interfaces — brand sites, landing pages and portfolios with a real visual engine (Three.js/Canvas/GLSL/GSAP), dashboards and consoles, commerce pages, and H5 / phone-only screens with a proper mobile frame and native furniture. Zero AI-slop. Supports Apple-inspired editorial, app and spatial design languages.

1 skill

Builds production-grade UI. Tokens-first, anti-AI-slop aesthetics, design tokens enforced.

Connect your coding agent to Figma. Create and edit native designs, inspect existing designs, and implement UI in your codebase.

2 skills · 1 MCP server

Author, render and verify video compositions with the framefields WebGPU SDK.

7 skills · 1 MCP server

Expert UI/UX design guidance for unique, accessible interfaces. Always-ask-first protocol for visual decisions, colors, typography, layouts.

1 skill

Develop an independent visual language through ten isolated typography-led HTML design directions made only from typography, color, and space, then turn the human-locked direction into concrete production artifacts.

1 skill

Production-grade frontend interfaces that avoid generic AI aesthetics. Based on Anthropic's Frontend Designer Skill with bold creative commitment.

1 skill

Hand-painted watercolour-and-ink cartoons and lyric videos: p5.js + p5.brush, rendered frame by frame in headless Chrome, with storyboarding, character acting, beat sync and karaoke.

2 skills

Kinetic-typography motion reels: bold condensed type, HUD micro-type, three.js generative layers, shape-continuity transitions and a synthesized beat-locked score.

2 skills

Design skill for ShaderKit — trading-card turns an image into a holographic Pokémon-style trading card built from raw ShaderKit primitives.

1 skill

Open-source developer tools by Subframe, including our CLI tool, Radix components, and doc site

HTML diagrams, data tables, and architecture views adapted from nicobailon/visual-explainer with newsroom and academic design sensibilities. Generates self-contained pages with Mermaid diagrams, KPI cards, slide decks, and zoom/pan controls.

1 skill · 8 commands

PDF report and proposal design system with interactive editing

1 skill