ui-ux-agent-skill-system

In the author's own words, from each skill's SKILL.md — showing the first 30 of 612 files.

• admin-ui-builder

  Use when admin/CMS/back-office screens need to be built or specified after admin-ui-orchestrator defines roles, permissions, workflows, and safety gates. Covers tables, forms, editors, moderation queues, dashboards, CRUD surfaces, and state coverage without production destructive actions.

  core/skills/admin-ui-builder/SKILL.md on GitHub (opens in a new tab)

• admin-ui-orchestrator

  Use when a project needs admin/CMS/back-office UI architecture: roles, permissions, content workflows, AI assistant boundaries, audit logs, destructive-action confirmations, and builder handoff. Planning only; do not perform production admin actions or expose secrets.

  core/skills/admin-ui-orchestrator/SKILL.md on GitHub (opens in a new tab)

• agent-progress-visualizer

  Use this skill when the user wants a human-readable project progress screen, agent work visualization, customer-facing status cockpit, immediate bootstrap progress before TASK-PLAN.md exists, task-plan-derived HTML progress page, user decision gates, or auto-updating UI/UX project status for senior-ui-ux-orchestrator workflows. It renders and validates progress views from project-request.json, wo…

  core/skills/agent-progress-visualizer/SKILL.md on GitHub (opens in a new tab)

• analytics-setup-architect

  Use when a website or web app needs privacy-aware analytics architecture: GA4, Yandex Metrica, self-hosted analytics, consent, UTM, event taxonomy, funnels, dashboards, and launch verification. Do not mutate real analytics accounts or store credentials without explicit approval.

  core/skills/analytics-setup-architect/SKILL.md on GitHub (opens in a new tab)

• backlink-quality-validator

  Validate proposed or existing backlinks for relevance, editorial legitimacy, link attributes, spam/toxicity risk, platform compliance, anchor quality, target-page fit, and monitoring evidence. Use this skill when the user asks whether an external link opportunity or placed backlink is safe and useful, and reject toxic, irrelevant, paid-undisclosed, fake, or spam placements.

  core/skills/backlink-quality-validator/SKILL.md on GitHub (opens in a new tab)

• concept-prototyper

  Turn semantic core, business constraints, and user feedback into a site concept and throwaway wireframe prototype before visual design. Use when a public site project needs a pre-design concept, content hierarchy, concept conflicts, or business-idea feedback before Stitch, Pencil, Figma, or code.

  core/skills/concept-prototyper/SKILL.md on GitHub (opens in a new tab)

• cursor-reveal-hero

  Build, repair, tune, and validate interactive cursor-trail mask reveal hero effects in frontend projects. Use when implementing canvas-based base/reveal compositing, soft radial cursor masks, fading cursor trails, reveal debug controls, full-screen hero scenes without site text, or browser smoke checks for cursor reveal, hover reveal, before/after reveal, and mask compositing effects.

  core/skills/cursor-reveal-hero/SKILL.md on GitHub (opens in a new tab)

• deploy-orchestrator

  Use when planning deployments, build commands, environment checks, CI/CD, release steps, smoke tests, rollback, and monitoring. Dry-run first; do not deploy to production, change secrets, or mutate live services without explicit approval.

  core/skills/deploy-orchestrator/SKILL.md on GitHub (opens in a new tab)

• design-critic-skill

  Critique UI visual quality with observable design criteria. Use this skill whenever the user asks for visual critique, design review, polish, hierarchy, spacing, typography, contrast risk, consistency, brand fit, anti-slop review, screenshot critique, Figma frame critique, or a fix brief for a weak interface. Keep findings actionable and evidence-labeled. Do not require Attention Insight, Khroma,…

  core/skills/design-critic-skill/SKILL.md on GitHub (opens in a new tab)

• design-feedback-collector

  Collect, structure, deduplicate, and resolve user and agent feedback on UI/UX skills, subprocesses, design directions, progress-screen gates, Stitch/Pencil/Figma outputs, and implementation steps. Use when comments need statuses such as open, accepted, partially accepted, applied, rejected, or when review-board/progress-page fields must become actionable decisions.

  core/skills/design-feedback-collector/SKILL.md on GitHub (opens in a new tab)

• domain-dns-configurator

  Use when planning DNS records, nameservers, A/AAAA/CNAME/TXT/MX, SPF/DKIM/DMARC, CDN, propagation, and rollback. Dry-run only; do not change production DNS or store provider credentials without explicit approval.

  core/skills/domain-dns-configurator/SKILL.md on GitHub (opens in a new tab)

• domain-name-generator

  Use when a project needs domain name ideas, naming constraints, availability-check planning, brand/SEO fit, and shortlists. Advisory only; do not purchase domains, call paid APIs, or claim live availability unless checked with evidence.

  core/skills/domain-name-generator/SKILL.md on GitHub (opens in a new tab)

• domain-registrar-advisor

  Use when comparing domain registrars, TLD costs, renewal risks, privacy, DNS features, transfer lock, and purchase steps. Advisory/dry-run only; do not buy domains or log into registrar accounts without explicit approval.

  core/skills/domain-registrar-advisor/SKILL.md on GitHub (opens in a new tab)

• editorial-quality-gate

  Review public site content for editorial quality, source support, prompt residue, duplicate blocks, translation drift, hidden filler, and human usefulness before SEO or LLM-friendly publication. Use this skill when the user asks to quality-gate news briefs, longform explainers, blog posts, topic pages, project pages, translated content, or generated article drafts without changing the live publis…

  core/skills/editorial-quality-gate/SKILL.md on GitHub (opens in a new tab)

• existing-site-analyzer

  Analyze an existing website before improve, redesign, rebuild, or migration decisions. Use when a project has a current URL, local HTML/codebase, screenshots, sitemap, robots, analytics export, asset folder, or legacy site materials and needs a local-first audit with approval-gated crawling or authenticated access.

  core/skills/existing-site-analyzer/SKILL.md on GitHub (opens in a new tab)

• external-authority-placement-scout

  Find and score legitimate external authority and backlink opportunities as a dry-run register, using relevance, platform rules, risk, target-page fit, and explicit user approval gates. Use this skill when the user asks where links to a target site could be placed effectively, but never post, submit, DM, email, open PRs, or edit external accounts without separate explicit approval.

  core/skills/external-authority-placement-scout/SKILL.md on GitHub (opens in a new tab)

• figma-apply-effects

  Create, apply, remove, audit, and bind Figma Effects through MCP or Plugin API-compatible workflows. Use this skill when the user asks for shadows, inner shadows, layer blur, background blur, glow, glassmorphism, noise, texture, glass effects, progressive blur, effect styles, or effect variables/tokens on selected Figma nodes, while handling current Figma effect compatibility, runtime support, va…

  core/skills/figma-apply-effects/SKILL.md on GitHub (opens in a new tab)

• figma-assets-manager

  Export, download, inventory, and prepare assets from Figma for UI implementation or audits. Use this skill when the user asks for icons, SVGs, PNG/JPEG/WebP exports, image assets, font references, slices, thumbnails, brand assets, asset manifests, or asset handoff from a Figma file while preserving licensing, privacy, naming, and implementation constraints.

  core/skills/figma-assets-manager/SKILL.md on GitHub (opens in a new tab)

• figma-canvas-editor

  Create and edit native Figma canvas objects with MCP when explicitly scoped. Use this skill when the user asks to add or change frames, sections, components, instances, auto layout, variables, styles, FigJam objects, connectors, Slides objects, or selected nodes in Figma, and when the task requires mutation evidence, rollback-aware scope, and design-system consistency.

  core/skills/figma-canvas-editor/SKILL.md on GitHub (opens in a new tab)

• figma-code-to-canvas

  Bring live or local web UI back into Figma as editable design layers when Figma MCP code-to-canvas or generate-design capability is available. Use this skill when the user says production, staging, localhost, or a browser-rendered page is ahead of Figma and wants to sync, capture, recreate, or convert the live UI into a Figma file while preserving privacy and evidence.

  core/skills/figma-code-to-canvas/SKILL.md on GitHub (opens in a new tab)

• figma-context-reader

  Read and summarize Figma design context for UI/UX implementation, audit, and design-system work. Use this skill when the user provides a Figma URL, selected Figma node, frame, component, Dev Mode context, variables, library, or screenshot and wants structured facts about hierarchy, layout, tokens, components, assets, variants, interaction notes, or implementation constraints without mutating the…

  core/skills/figma-context-reader/SKILL.md on GitHub (opens in a new tab)

• figma-design-system-sync

  Sync and audit design-system contracts between Figma and code. Use this skill when the user asks about Figma Variables, styles, tokens, component libraries, variants, Code Connect, effect styles, naming drift, token exports/imports, library governance, or keeping implementation and Figma design systems aligned under the UI/UX skill system.

  core/skills/figma-design-system-sync/SKILL.md on GitHub (opens in a new tab)

• figma-design-to-code-bridge

  Translate Figma frames and design context into implementation-ready frontend plans, component mappings, and code handoffs. Use this skill when a user wants to build from a Figma frame, compare Figma components to code components, use Code Connect, avoid pixel-copying, map variables to tokens, or decide whether work belongs in webapp-ui-skill, marketing-site-skill, or a local code implementation.

  core/skills/figma-design-to-code-bridge/SKILL.md on GitHub (opens in a new tab)

• figma-workflow-auditor

  Audit Figma MCP, design-to-code, code-to-canvas, canvas-editing, and design-system workflows for correctness, freshness, privacy, evidence, and routing quality. Use this skill when the user asks whether a Figma workflow, skill, task plan, MCP capability claim, or agent handoff is valid, current, safe, or production-ready.

  core/skills/figma-workflow-auditor/SKILL.md on GitHub (opens in a new tab)

• image-layer-alignment-validator

  Validate whether two raster image layers are suitable for reveal, before/after, morph, mask-compositing, or interactive cursor reveal effects. Use when comparing base/reveal images, checking whether the main subject stayed in the same position, separating primary subject drift from background or secondary-object differences, producing annotated overlays/difference maps, or deciding whether an ima…

  core/skills/image-layer-alignment-validator/SKILL.md on GitHub (opens in a new tab)

• information-architecture-seo

  Convert a semantic core into crawlable SEO and LLM-friendly information architecture. Use this skill when the user asks for URL structure, page taxonomy, canonical rules, hreflang groups, page roles, pillar/topic/news/article/blog/project separation, multilingual route strategy, or a durable content model such as one short brief plus one longform article. It prevents duplicate public content bodi…

  core/skills/information-architecture-seo/SKILL.md on GitHub (opens in a new tab)

• infra-launch-orchestrator

  Use when a project needs launch/infrastructure coordination across domains, registrars, servers, DNS, deploy, SSL, webmaster tools, monitoring, and launch readiness. Dry-run first; do not purchase, provision, deploy, or mutate production without explicit approval.

  core/skills/infra-launch-orchestrator/SKILL.md on GitHub (opens in a new tab)

• internal-link-graph-architect

  Design intentional internal link graphs for SEO, UX, and LLM-readable sites. Use this skill when the user asks for links between short briefs, longform articles, topics, projects, author pages, breadcrumbs, source trails, related stories, orphan-page checks, overlink checks, anchor intent, or validation that a link graph reinforces the canonical content model without creating duplicate story bodi…

  core/skills/internal-link-graph-architect/SKILL.md on GitHub (opens in a new tab)

• launch-readiness-auditor

  Use before launch to audit SEO, schema, accessibility, performance, security, analytics, redirects, sitemap, robots, SSL, monitoring, rollback, and approval gates. Evidence-first; do not mark launch ready unless required checks ran or are explicitly skipped with rationale.

  core/skills/launch-readiness-auditor/SKILL.md on GitHub (opens in a new tab)

• llm-citation-monitor

  Plan and record evidence-backed LLM and AI-search citation checks across approved assistant/search surfaces with timestamped queries, locales, modes, cited URLs, snippets, screenshots or transcripts, and caveats. Use this skill when the user asks whether ChatGPT, Perplexity, Claude, Gemini, Copilot, or another assistant cites a target site, but do not claim citation without direct evidence.

  core/skills/llm-citation-monitor/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod… 280k stars · 30 skills
• reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries. 270k stars · 1 skill
• andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls. 220k stars · 1 skill
• ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote. 164k stars · 6 skills
• ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms. 136k stars · 7 skills
• graphifyby Graphify-Labs Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Curs… 127k stars · 1 skill