Emasoft/ai-maestro-webdesign

最近记录的来源活动: 2026年8月19日 08:30

SkillsMP 收录数据更新: 2026年11月12日 12:52

已收集 skills: 68

GitHub 星标: 0
GitHub Forks: 0

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/Emasoft/ai-maestro-webdesign.

仓库 README

仓库 README 来源：README.md

查看 README 源文件

展开完整 README

# ai-maestro-webdesign ![version](https://img.shields.io/badge/version-0.1.17-blue) ![license](https://img.shields.io/badge/license-MIT-green) A consolidated Claude Code plugin for web and UI design work. Replaces the habit of juggling a dozen single-purpose plugins with one orchestrated set of skills, commands, and shared scripts. ## Core idea — one orchestrator, many executors The `amw-design-principles` skill is the **orchestrator**. Its three hard rules run first on every design task: 1. Gather design context (design system, brand tokens, references) before designing anything. 2. Always produce at least three variants (baseline → advanced → experimental), never a single guessed answer. 3. Reject the catalogued AI-slop patterns (generic gradients, fake testimonials, AI-drawn illustrations, etc.). Every other skill in this plugin is an **executor**. They are triggered only by specific technical phrases, never by generic design vocabulary, so the orchestrator always wins first-activation and decides which executor to route to. ## Capabilities **Input (capture context the orchestrator needs):** - `amw-dev-browser` — sandboxed browser automation for screenshots, DOM inspection, scraping - `amw-design-extract` — URL → design tokens (colors, fonts, spacing, shadows) via `designlang` - `amw-ui-ux-reasoning` — fallback reasoning library (161 rules, 67 UI styles, 161 palettes) when no context exists - `amw-ascii-sketch` — Claude proposes 3 ASCII wireframe variants before committing to HTML, so the user picks direction cheaply **Process (structure the work):** - `amw-ux-designer` — UX methodology (research → strategy → wireframe → visual → handoff) - `amw-ux-flows` — PRD → use cases → Mermaid diagrams → clickable HTML wireframes - `amw-ux-evaluator` — systematic UX evaluation (Position, Visual Weight, Spacing) **Output (render the chosen direction):** - `amw-ascii-to-svg` — ASCII box-and-arrow diagram → clean SVG - `amw-ascii-to-html` — ASCII wireframe → responsive HTML using starter-components - `amw-diagram-svg` — natural language → SVG diagram primitives - `amw-diagram-editorial` — natural language → HTML+SVG editorial diagrams - `amw-diagram-architecture` — free text → graph JSON / Mermaid / SVG / PNG - `amw-svg-creator` — icons, logos, technical SVG, animations *(gated; not characters/scenes)* - `amw-infographics` — data + brief → dense editorial HTML + PNG + PDF - `amw-pretext-art` — kinetic typography, text effects, text on paths - `amw-hyperframes-bridge` — HTML composition → MP4 video **Reference (documentation loaded on demand):** - `amw-shadcn-ui` — complete shadcn/ui documentation (50+ components) - `amw-tailwind-4` — Tailwind CSS v4 docs and migration guide - `amw-seo` — SEO and Core Web Vitals evaluation framework **Cross-format diagram toolchain (8 new skills, 2026-04-22):** - `amw-diagram-formats` — meta-skill: authoritative reference library (IR schema, conversion matrix, format specs, diff algorithm, validation dispatcher). Never emits diagrams; all diagram skills reference it. - `amw-html-diagram` — author or edit HTML-rendered editorial/infographic-style diagrams - `amw-svg-diagram` — author or edit standalone SVG diagrams (freeform or layered architecture) - `amw-mermaid-diagram` — author or edit Mermaid source text for all 9 grammar types; delegates rendering to `amw-mermaid-render` - `amw-diagram-convert` — cross-format conversion across the full 5-format matrix (ASCII/HTML/SVG/Mermaid → any; PNG is output-only) - `amw-diagram-compare` — IR-level structural diff between two diagrams (source formats may differ) - `amw-webpage-to-diagram` — extract a diagram from a URL or local HTML file. **Structural** mode: HTML5 landmarks → IR → ASCII/SVG/Mermaid. **Spatial** mode: rendered-DOM geometry → box-drawing ASCII wireframe (agent-facing plan-phase tool for cheap pre-design iteration) - `amw-diagram-webpage-sync` — reverse leg: take an edited diagram and regenerate the target webpage from it **React-component reference skills (5 new, MIT, 2026-05-24):** - `amw-react-colorful` — `react-colorful` tiny dependency-free color-picker component (Hex/Rgba/Hsl pickers + HexColorInput) - `amw-progressive-blur` — `progressive-blur` gradient backdrop blur for React (radial + linear) - `amw-hypercomp` — `hypercomp` TypeScript image-processing API that compiles to SVG filters - `amw-vecui` — `vecui` immutable vec2/rect math for JS-driven animated layouts - `amw-react-promptify` — `react-promptify` async, promise-based custom prompt/dialog modals ## Shared `bin/` scripts Scripts shared across skills live in `bin/` rather than being duplicated per-skill: - `amw-svg-render.py` — render SVG → PNG for visual-verify loops (amw-svg-creator, amw-ascii-to-svg, amw-diagram-editorial) - `amw-html-export.py` — render HTML → PNG/PDF via Playwright (amw-infographics, amw-hyperframes-bridge) - `amw-preview-server.py` — local HTTP server for multi-variant live preview - `amw-ascii-parse.py` — Unicode box-drawing → node/edge graph (amw-ascii-to-svg, amw-ascii-to-html) - `amw-page-to-ascii-layout.py` — rendered-DOM geometry → box-drawing ASCII spatial wireframe (amw-webpage-to-diagram spatial mode; self-validates via amw-validate-ascii.py) - `amw-designlang-wrapper.sh`, `amw-dev-browser-wrapper.sh` — plugin-standard arg wrappers over external CLIs ## Slash commands **Install and diagnose:** | Command | Purpose | |---|---| | `/amw-init` | Install all runtime dependencies (dev-browser, Playwright, CairoSVG, Bun, ffmpeg) | | `/amw-doctor` | Report which dependencies are missing | **Plan phase (ASCII-first):** | Command | Purpose | |---|---| | `/amw-sketch <intent>` | 3 ASCII wireframe variants, cheap, no HTML written | | `/amw-extract-style <url>` | Live URL → design tokens via dev-browser + design-extract | | `/amw-preview [file.html]` | Open HTML in dev-browser, take screenshot | | `/amw-eval [file.html]` | Run ux-evaluator against current design | **Authoring per format:** | Command | Purpose | |---|---| | `/amw-ascii-to-svg <input>` | Parse ASCII diagram → render clean SVG | | `/amw-ascii-to-html <input>` | Parse ASCII wireframe → render responsive HTML | | `/amw-create-or-modify-ascii-diagram` | Create or edit an ASCII diagram (flowchart / table / arch / sequence) | | `/amw-create-or-modify-html-diagram` | Create or edit an HTML-rendered editorial/infographic diagram | | `/amw-create-or-modify-svg-diagram` | Create or edit a standalone SVG diagram | | `/amw-create-or-modify-mermaid-diagram` | Create or edit Mermaid source text (all 9 grammar types) | | `/amw-create-excalidraw-like-diagram-png` | Hand-drawn Excalidraw-style PNG via Gemini API (gated: `$GEMINI_API_KEY`) | **Cross-format operations:** | Command | Purpose | |---|---| | `/amw-convert-any-diagram-format` | Convert a diagram between any two formats (ASCII/HTML/SVG/Mermaid → any; PNG output-only) | | `/amw-validate-any-diagram-format` | Validate any diagram file against its format spec | | `/amw-compare-diagrams` | IR-level structural diff between two diagrams (formats may differ) | **Webpage round-trip:** | Command | Purpose | |---|---| | `/amw-create-diagram-from-webpage` | Extract a structural diagram from a URL or local HTML file | | `/amw-create-webpage-from-diagram` | Generate a new webpage from a diagram (ASCII/SVG/Mermaid) | | `/amw-modify-webpage-from-diagram` | Regenerate an existing webpage from an edited diagram | | `/amw-modify-diagram-of-webpage` | Full round-trip: extract diagram, edit it, sync changes back into the page | ## Installation ```bash # 1. Install the plugin (once the marketplace is live) /plugin install ai-maestro-webdesign@Emasoft/ai-maestro-plugins # 2. Install runtime dependencies /amw-init # 3. Verify the environment /amw-doctor ``` ## Usage ```bash # Try the sketch workflow /amw-sketch dashboard for a devtools team ``` ## Non-goals - **No Chrome DevTools MCP, no Playwright MCP for interactive automation.** `amw-dev-browser` is the only browser-automation primitive for input workflows. The rendering skills still use Playwright/Puppeteer internally for their output pipelines — that is output emission, not interactive automation. - **No AI-drawn character illustrations.** `amw-svg-creator` is gated to icons, logos, technical diagrams, patterns, and animations. Character and scene illustration goes through real-asset or placeholder workflows instead — see the orchestrator's AI-slop rule #3. - **No Framer Motion or GSAP for animation.** Starter components use a 50-LOC timeline engine; Popmotion is the only approved library fallback. - **No automated test suite for the *live* workflows.** The repo does ship a pytest suite (`tests/`, run as a publish gate), but it covers the `bin/` scripts and validators — not the workflows that need a real browser, a network fetch, or an installed runtime dependency. Those stay behavioral: each phase has acceptance scenarios the user runs. ## Build status This plugin is being built in small, verified phases. Current state is recorded in `CLAUDE.md` and in `docs_dev/` build logs. ## License MIT. Each integrated skill preserves its original LICENSE file under `skills/amw-<name>/LICENSE`. ## Acknowledgments This plugin is MIT-licensed and contains no proprietary or commercial code. It builds on the following open-source work: **Vendored rendering backend** — `external/mermaid-render/` is owned first-party MIT code that wraps: - [beautiful-mermaid](https://www.npmjs.com/package/beautiful-mermaid) (MIT) — the Mermaid → themed-SVG / ASCII rendering engine. - [@dagrejs/dagre](https://github.com/dagrejs/dagre) (MIT) — directed-graph layout (transitive dependency of beautiful-mermaid). - Its wrapper scripts derive from three upstream MIT-licensed Claude-skill repositories (beautiful-mermaid, pretty-mermaid, agent-skill-diagramming-flows); see `external/mermaid-render/LICENSE`. **Other vendored / adapted material** retains its upstream license: - `external/hyperframes/` — **on-demand external runtime dependency** (NOT vendored, NOT a git submodule): the path is gitignored and hyperframes-bridge clones it on demand / shells out to `npx hyperframes`; nothing under it is committed or shipped. **hyperframes' own code is Apache-2.0** (see the upstream `LICENSE` at <https://github.com/heygen-com/hyperframes>). **Transitive-dependency disclosure:** its `@hyperframes/player` package depends on **GSAP** (`gsap@3.15.0` — free *core* only; **no** paid `@gsap/*` club plugins), because a hyperframes composition *is* a paused GSAP timeline. GSAP `3.15.0` ships under the **GreenSock Standard "No-Charge" license** (<https://gsap.com/standard-license>; the package declares this verbatim in its `license` field and bundles no separate LICENSE file) — free of charge and source-available, but **not** an OSI-approved open-source license like MIT/Apache. GSAP appears **only** in the HTML→MP4 video-render path; webpage output follows the plugin's **no-GSAP rule** (native / `animations.html` / Popmotion stack), the bridge adds no GSAP dependency of its own, and the rendered MP4 contains no GSAP — it's encoded pixels, not a GSAP redistribution. **Decision (settled, accepted):** per the Standard License, **GSAP commercial use is free with no fee triggers** — a commercial advert/video produced via hyperframes owes GSAP nothing, and even the formerly members-only plugins are now free for commercial use. The only residual is that GSAP's license is free-but-not-OSI; the no-GSAP-in-website-code rule stays in force regardless. Full record: `design/tasks/TRDD-20260531_221948+0200-e4d97761-gsap-hyperframes-license-decision.md`. - `skills/amw-shadcn-ui/docs/` — shadcn/ui reference docs imported verbatim from <https://ui.shadcn.com/>. - Per-skill originals preserved under `skills/amw-<name>/LICENSE`. > A complete license inventory and full attribution roll-up is a pre-publish task (tracked separately); this section is the verified core, not the final compilation.

正在加载仓库 README…

这个仓库中的 skills

软件开发工程师网页与数字界面设计师平面设计师网页开发工程师

7 个职业分类 · 已分类 100%

skill

职业分类

描述

更新

amw-html-diagram

软件开发工程师

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…

原文语言：英语

2026-08-19

amw-ascii-to-html

网页开发工程师

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…

原文语言：英语

2026-08-16

amw-pretext

软件开发工程师

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…

原文语言：英语

2026-08-16

amw-text-visual-retro

平面设计师

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",…

原文语言：英语

2026-08-16

amw-text-visual-workflows

平面设计师

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…

原文语言：英语

2026-08-16

amw-diagram-formats

软件开发工程师

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…

原文语言：英语

2026-08-08

amw-text-visual-arch

软件开发工程师

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…

原文语言：英语

2026-08-08

amw-text-visual-cheatsheets

软件开发工程师

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…

原文语言：英语

2026-08-08

amw-diagram-architecture

软件开发工程师

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…

原文语言：英语

2026-08-08

amw-design-principles

网页与数字界面设计师

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",…

原文语言：英语

2026-07-09

amw-design-md

软件开发工程师

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…

原文语言：英语

2026-07-09

amw-diagram-compare

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-diagram-convert

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-diagram-editorial

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-diagram-svg

软件开发工程师

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",…

原文语言：英语

2026-07-08

amw-diagram-webpage-sync

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-evangelion-design

网页与数字界面设计师

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…

原文语言：英语

2026-07-08

amw-excalidraw-illustrations

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-generative-backgrounds

软件开发工程师

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",…

原文语言：英语

2026-07-08

amw-hypercomp

软件开发工程师

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",…

原文语言：英语

2026-07-08

amw-hyperframes-bridge

软件开发工程师

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" —…

原文语言：英语

2026-07-08

amw-infographics

网页开发工程师

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",…

原文语言：英语

2026-07-08

amw-liquid-glass

软件开发工程师

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",…

原文语言：英语

2026-07-08

amw-material-3

网页与数字界面设计师

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…

原文语言：英语

2026-07-08

amw-mermaid-diagram

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-mermaid-render

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-mobile-design

网页与数字界面设计师

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…

原文语言：英语

2026-07-08

amw-pretext-art

软件开发工程师

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.

原文语言：英语

2026-07-08

amw-progressive-blur

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-react-colorful

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-react-promptify

软件开发工程师

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",…

原文语言：英语

2026-07-08

amw-seo

市场调研分析师与营销专员

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…

原文语言：英语

2026-07-08

amw-shadcn-ui

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-skill-drift-audit

其他计算机职业

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.…

原文语言：英语

2026-07-08

amw-stitch-mcp-integration

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-svg-creator

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-svg-diagram

软件开发工程师

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 /…

原文语言：英语

2026-07-08

amw-tailwind-4

软件开发工程师

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",…

原文语言：英语

2026-07-08

amw-text-visual-state

软件开发工程师

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…

原文语言：英语

2026-07-08

amw-tui-designer

网页与数字界面设计师

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…

原文语言：英语

2026-07-08

已展示 40 / 68 个已收集 Skill。