Design

ifq-design-skills

Routes HTML-first visual design requests to templates and workflows for prototypes, decks, dashboards, brand systems, critiques, and optional MP4, GIF, PPTX, PDF, or SVG exports.

★ 24 GitHub Stars
91 Qualitätsbewertung
1 Dateien

About this Skill

Use this skill whenever the user asks for an HTML-first visual design deliverable or design judgment: interactive prototype, slide deck, motion demo, infographic, dashboard, landing page, whitepaper, changelog, business card, social cover, brand system, design critique, multi-variant exploration, or export to MP4, GIF, PPTX, PDF, or SVG. It is optimized to make AI agents do the routing, template selection, verification, and export prep so humans spend less time prompt-engineering. Do not use for production web apps, SEO sites, backend systems, or pure copy edits.

Anwendungsfälle

  • Create interactive HTML prototypes
  • Design slide decks and infographics
  • Build dashboards and landing pages
  • Develop brand systems and design directions
  • Prepare visual assets for export

Funktionen

  • Mode-based request routing
  • Template selection and workspace forking
  • IFQ brand token and ambient mark integration
  • HTML verification and preview workflow
  • Optional export preparation for MP4, GIF, PPTX, PDF, and SVG

Anforderungen

  • Node.js >=18.17

Unterstützte Agents

Claude Code Codex Cursor OpenCode Other

Skill files

Related Skills

web-design

Guides an AI agent through a two-phase web design workflow: create and confirm a DESIGN.md specification, then generate responsive UI code for landing pages, portfolios, product p…

xiaopu-ai/web-design ★ 775
web design ui ux responsive design landing page

xiaohu-ip-studio

Generates illustrations for Chinese deep-dive articles using fixed IP characters, visual metaphors, shot lists, selected art styles, and image-generation APIs.

xiaohuailabs/xiaohu-ip-studio ★ 291
image generation chinese content ip characters illustration

ip-diagram-creator

Creates a reusable minimalist hand-drawn IP character from authorized user materials, then plans and produces illustrated content, knowledge cards, posters, storyboards, and prese…

haloshin/ip-diagram-creator ★ 258
ip character visual content hand-drawn knowledge cards

xhs-cover

Generates and edits Xiaohongshu (XHS/RedNote) cover images from photos, titles, and style instructions, with GPT Image 2/Codex as the primary method and Gemini CLI as fallback.

Vivixiao980/xhs-cover-skill ★ 197
xhs rednote cover design image generation

html-anything

Creates polished, shareable HTML pages from ideas, files, folders, URLs, datasets, and exports, using automatic routing to specialized design systems and interactive layouts.

clockless-org/html-anything ★ 149
html web design single-file html interactive pages

product-design-and-ux

Defines user-facing product behavior from validated evidence and approved scope, including information architecture, task flows, state models, interaction contracts, usability pla…

magnus919/agent-skills ★ 88
product design ux information architecture task flows

brand-designer

Guides agents in documenting brand strategy, visual identity, voice, applications, governance, and assets using templates, validation, compilation, and optional image prompt gener…

magnus919/agent-skills ★ 88
brand identity brand guidelines visual identity brand strategy

color-management

Provides guidance and scripts for ICC profile inspection, color-space conversion, gamut analysis, working-space validation, soft proofing, and color workflow troubleshooting.

magnus919/agent-skills ★ 88
icc profiles color science gamut mapping image processing