Skip to main content

Emasoft/ai-maestro-webdesign

최근 기록된 소스 활동
SkillsMP 카탈로그 업데이트
수집된 skills
68
GitHub 스타
0
GitHub 포크
0

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 AI 어시스턴트에 입력하세요.

저장소 README를 불러오는 중…

수집된 skill 68개 중 40개를 표시합니다.

직업 분류
소프트웨어 개발자
설명

Author OR edit an HTML-rendered diagram of any editorial type (the type list is owned by amw-diagram-editorial; the format spec by amw-diagram-formats), or an infographic page. Triggers on "create HTML diagram", "modify HTML diagram", "render structure as…

원문 언어: 영어

업데이트
직업 분류
웹 개발자
설명

Convert a validated ASCII wireframe into responsive, accessible, Tweaks-compatible HTML. Triggers on "convert this ASCII to HTML", "render this wireframe as HTML", "ascii-to-html", "turn my ASCII mockup into a webpage". Does NOT trigger on generic "design a…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Pretext-driven typography, text measurement, layout, virtualized tables, ASCII-on-canvas, calligrams, 3D/motion text. Triggers on "pretext", "@chenglou/pretext", "text-on-path", "balanced headline", "shrink-wrap text", "virtualized list", "kinetic…

원문 언어: 영어

업데이트
직업 분류
그래픽 디자이너
설명

ASCII retrospective grids, milestone timelines, heatmaps for team retros, experiment readouts, launch post-mortems — pastes into PRs, GitHub Discussions, Slack. Triggers on "ASCII retro template", "text retrospective grid", "start-stop-continue in ASCII",…

원문 언어: 영어

업데이트
직업 분류
그래픽 디자이너
설명

ASCII flowcharts and timelines for multi-step workflows (PR lifecycle, launch plan, triage, incident response) — pastes into GitHub PRs, Slack, Notion, terminals. Triggers on "ascii flowchart", "text timeline", "workflow diagram in monospace", "PR-safe…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Authoritative spec for ASCII / HTML / SVG / Mermaid formats, IR schema, conversion matrix, validation dispatcher, modify/diff pipelines. Triggers on "diagram IR schema", "format detection", "conversion matrix", "IR-level diff", "Mermaid format spec". Does NOT…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Layered ASCII architecture diagrams (context, container, component level) for terminals, PRs, ADRs. Triggers on "ascii architecture diagram", "text-only system diagram", "terminal-safe architecture sketch", "ADR-embeddable diagram". Does NOT trigger on…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Portable ASCII CLI command panels — tabular cheat sheets for gh, git, kubectl, deploy scripts — with macOS/Linux + Windows variants side by side. Triggers on "ASCII cheat sheet", "CLI reference panel in monospace", "command grid for a README", "gh cheat…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Convert a free-text system description into a layered architecture diagram (graph JSON, SVG, or PNG). Triggers on "draw my architecture", "architecture diagram for X", "layered diagram", "export architecture as SVG/PNG", "component diagram". Does NOT trigger…

원문 언어: 영어

업데이트
직업 분류
웹·디지털 인터페이스 디자이너
설명

Orchestrator for any web, UI, slide, prototype, or design task. Enforces three hard rules — (1) gather context, (2) produce ≥3 variants, (3) reject AI-slop — and routes to executors. Triggers on "design a page", "landing page", "mockup", "UI for",…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Author, lint, extract, audit, and convert DESIGN.md design-system specifications. Triggers on "create DESIGN.md", "lint DESIGN.md", "extract DESIGN.md from URL/Tailwind/codebase", "audit DESIGN.md", "DESIGN.md companions". Does NOT trigger on generic "design…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Structural comparison of two diagrams — diff two flowcharts, compare v1/v2, find what changed, cross-format diagram diff. Triggers on "compare these diagrams", "diff two flowcharts", "what changed between v1 and v2", "structural diff of two diagrams". Source…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Cross-format diagram conversion — convert a diagram from one format to another across the 5-format matrix (ASCII, HTML, SVG, Mermaid, PNG). Triggers on "convert this diagram to X", "turn my ASCII into SVG", "convert flowchart to mermaid", "export diagram as…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Editorial-quality HTML+SVG diagrams with brand-matched styling — 13 types (architecture, flowchart, sequence, state, ER, timeline, swimlane, quadrant, nested, tree, layer, Venn, pyramid/funnel). Triggers on "sequence diagram", "ER diagram", "blog-ready…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Natural-language request to SVG diagram primitives — flowcharts, architecture diagrams, system illustrations with nodes, edges, arrowheads. Triggers on "draw a flowchart of X", "SVG diagram of X", "render data flow as SVG", "draw the architecture as SVG",…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Re-emit an existing webpage (`.html`) from an edited diagram source (ASCII / SVG / Mermaid). Chains diagram → IR → ASCII → HTML, overwrites the page (originals to `.bak`), surfaces a diff. Triggers on "edit diagram in my webpage", "modify webpage from this…

원문 언어: 영어

업데이트
직업 분류
웹·디지털 인터페이스 디자이너
설명

Evangelion / NERV-HUD aesthetic skill — original Eva-inspired interface language for web and mobile. Severe geometry, amber / red / signal-green palette discipline, condensed sans + tabular numerals, mechanical state-driven motion. Activates on narrow…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Generate hand-drawn Excalidraw-style conceptual illustrations via the Gemini API — white background, rough sketch, in-panel labels. GATED — requires `GEMINI_API_KEY` + per-call consent. Triggers on "Excalidraw-style illustration", "hand-drawn concept…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

GPU shader background catalog for the web — 11 generative background types (mesh-gradient, voronoi, liquid-metal, plasma, etc.) plus 17 image-overlay effects (ASCII, dither, halftone, glitch, etc.). Activates on narrow triggers only: "generative background",…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

hypercomp reference — TypeScript library compiling a chainable Effect API to SVG filters. Triggers on "hypercomp", "SVG filter", "SVG filter composition", "compose SVG filter effects", "feTurbulence", "feDisplacementMap", "feGaussianBlur", "feColorMatrix",…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

HTML composition to MP4 video rendering via the external Hyperframes monorepo. Triggers on "render HTML as video", "HTML to MP4", "website to video", "create video from HTML", "rasterize composition to mp4". Does NOT trigger on generic "animation" / "video" —…

원문 언어: 영어

업데이트
직업 분류
웹 개발자
설명

Dense editorial infographics as HTML + PNG + PDF from a structured data brief — tokenomics, whitepaper summaries, ecosystem maps, roadmaps, airdrop guides, staking breakdowns, stat posters. Triggers on "infographic", "tokenomics graphic", "ecosystem map",…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

liquid-glass-js implementation skill — WebGL 2.0 Apple visionOS-style frosted-glass UI (real-time refraction, blur, rim lighting, warp distortion). Activates on narrow triggers only: "liquid-glass-js", "liquid-glass library", "dashersw liquid glass",…

원문 언어: 영어

업데이트
직업 분류
웹·디지털 인터페이스 디자이너
설명

Material Design 3 (Material You) token reference: HCT tonal palettes, role-based color tokens, state layers, tonal elevation, shape scale, type styles, and the 4dp spatial grid. Activates on narrow triggers only: "material 3", "material design 3", "M3…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Author OR edit Mermaid source — flowchart, sequenceDiagram, stateDiagram-v2, classDiagram, erDiagram, gantt, pie, journey, mindmap. Triggers on "create Mermaid diagram", "modify Mermaid at a file path", "edit .mmd file", "write mermaid source". Does NOT claim…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Render Mermaid diagram text to themed SVG or terminal/markdown ASCII via the vendored beautiful-mermaid backend. Triggers on "render mermaid as SVG", "mermaid to SVG", "mermaid ASCII", "themed mermaid diagram", "batch render .mmd files", "apply…

원문 언어: 영어

업데이트
직업 분류
웹·디지털 인터페이스 디자이너
설명

Mobile-native UI / UX reference: iOS HIG vs Android Material 3 platform differences (touch targets, navigation, gestures, type scales), thumb-zone reachability, hitSlop / accessibility-area patterns, per-industry mobile design languages, and the Peak-End…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Deprecated. See the amw-pretext skill for the unified pretext workflow. This file is a redirect stub only. Use when the pretext-art trigger is invoked — redirect to amw-pretext. Trigger with explicit "pretext-art" or legacy pretext-art phrasing.

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

progressive-blur reference — the MIT drop-in progressive (gradient) backdrop-blur React component (RadialBlur + LinearBlur). Covers the two components, their strength/steps/falloffPercentage/tint props, LinearBlur's side direction, the layered backdrop-filter…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

react-colorful reference — the tiny dependency-free React/Preact color-picker component (HexColorPicker, RgbaColorPicker, HslColorPicker, HexColorInput, setNonce). Covers the 15 picker components, the controlled color/onChange/onChangeEnd props, the 6…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

react-promptify reference — the dependency-free window.prompt replacement for React (createPrompter factory, the Prompter render-host, the async prompt() resolving to a typed value or null on cancel). Triggers on "react-promptify", "custom prompt modal",…

원문 언어: 영어

업데이트
직업 분류
시장조사 분석가·마케팅 전문가
설명

SEO + Core Web Vitals evaluation framework (E-E-A-T quality signals, LCP/INP/CLS, structured data, technical foundations). Triggers on "SEO", "core web vitals", "E-E-A-T", "structured data", "schema markup", "page performance ranking", "search ranking", NOT…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

shadcn/ui component usage, theming, forms, charts, and framework integration (Next.js / Vite / Remix / Astro / Laravel / Gatsby). Triggers on "shadcn component", "data-table", "shadcn form", "shadcn theme", "dark mode for shadcn", "install shadcn", registry…

원문 언어: 영어

업데이트
직업 분류
기타 컴퓨터 관련 직업
설명

Plugin-maintenance audit — pins every skill to a source commit via `source` / `source_version` frontmatter, detects DRIFT when the upstream source has moved since the pin, and emits a re-distill PLAN classifying each skill as CLEAN / PIN-ONLY / STALE.…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Integrate with the Stitch MCP server for design-system extraction, component-library bridging, and design-flow handoff. Triggers on "stitch", "stitch design", "stitch flow", "stitch component library", "import from stitch", "export to stitch". Does NOT…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Produce polished technical SVG — icons, logos, badges, patterns, data-vis primitives, animations — with a render-verify-deliver loop. Triggers on "SVG icon", "SVG logo", "SVG pattern", "SVG animation", "polished SVG finish". GATED — does NOT accept…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Author OR edit a standalone SVG diagram — freeform node-and-edge, layered architecture, or structural flow. Triggers on "create SVG diagram", "modify SVG diagram", "edit .svg diagram", "render structure as SVG". Does NOT claim generic design / illustration /…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

Tailwind CSS v4 reference — utilities, variants, @theme, @utility/@custom-variant directives, PostCSS/CLI/Vite tooling, v3-to-v4 migration. Triggers on "tailwind v4", "tailwind config", "tailwind migration", "@theme", "@utility", "@apply", "@source",…

원문 언어: 영어

업데이트
직업 분류
소프트웨어 개발자
설명

ASCII state machines and storyboards for user journeys, retention loops, lifecycles, stateful processes — for PRs, ADRs, growth docs. Triggers on "ASCII state machine", "text state diagram", "user journey in ASCII", "retention loop as text", "issue lifecycle…

원문 언어: 영어

업데이트
직업 분류
웹·디지털 인터페이스 디자이너
설명

Retro/cyberpunk/terminal aesthetic for web — three signature palettes (phosphor green / cyberpunk neon / amber CRT), monospace + box-drawing typography, CSS CRT effects (scanlines, neon glow, barrel distortion, flicker), terse-uppercase copy voice, and…

원문 언어: 영어

업데이트
수집된 skill 68개 중 40개를 표시합니다.