Emasoft/ai-maestro-webdesign

آخر نشاط مصدر مسجل: ١٩ أغسطس ٢٠٢٦ في ٠٨:٣٠

آخر تحديث لفهرس SkillsMP: ١٢ نوفمبر ٢٠٢٦ في ١٢:٥٢

skills مجمعة: ٦٨

نجوم GitHub: ٠
تفرعات GitHub: ٠

التثبيت بمساعدة مساعد ذكي

انسخ هذا الطلب إلى المساعد الذكي الذي تستخدمه.

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 كاملًا

# 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 في هذا المستودع

مطوّرو البرمجيات مصممو واجهات الويب والرقمية المصممون الجرافيكيون مطوّرو الويب

٧ فئات مهنية · 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

عرض ٤٠ من أصل ٦٨ skills مجمعة.