ワンクリックでManusで任意のスキルを実行

frontend-design

スター28

フォーク3

更新日2026年7月2日 13:08

Create production-grade frontend interfaces with design intelligence database (67 styles, 161 palettes, 57 fonts, 161 industry rules). TRIGGER: "build a landing page", "create a website", "design a UI", "frontend prototype". NOT FOR: web-design-review use cases.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

xg-gh-25

xg-gh-25/SwarmAI

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Frontend Design

This skill loads full instructions on activation. Read INSTRUCTIONS.md before proceeding.

TRIGGER: "build a landing page", "create a website", "design a UI", "frontend prototype", "interactive page", "HTML page", "web app mockup" DO NOT USE: for backend APIs (just code directly) or for reviewing existing UI (use web-design-review)

MANDATORY: Generate Design System Before Coding

Before writing ANY frontend code, run the design system generator to get industry-specific style, color, typography, and anti-pattern recommendations:

python3 scripts/search.py "<product description>" --design-system -p "ProjectName" -f markdown

This is NOT optional. The database has 161 industry-specific reasoning rules that prevent generic AI aesthetics. Skip this step only if the user explicitly provides a complete design system (colors, fonts, style).

このリポジトリの他の Skills

同じリポジトリ

ddd-distribute

xg-gh-25/SwarmAI

Package a grown DDD into a distributable capability package — the last step of the DDD lifecycle (cultivate → version → DISTRIBUTE). Human-in-the-loop: reads the DDD's OWN declared reach (aim.json distribution block = the ceiling), confirms which declared target(s) to emit NOW, renders BOTH standard shapes on demand — an internal AIM capabilities package (Config+AIMBuild+agent-spec) and/or an Open-Plugins plugin (.plugin/plugin.json) — runs a fail-closed content-safety scan over the emitted tree, and returns the built package path. Never widens reach by inference; emit ≠ publish. TRIGGER: "distribute this ddd", "package ddd", "ship ddd to kiro/quick/claude code", "publish ddd", "make a plugin from this ddd". NOT FOR: creating/binding a DDD (s_ddd-manager); running the pipeline (s_ddd-pipeline); publishing content/media (s_ddd-pollinate).

2026-07-2229

pollinate

xg-gh-25/SwarmAI

Swarm's media value delivery engine. Transforms messages into optimized media packages (poster, video, narrative, shorts, README) via a 9-stage pipeline (EVALUATE->REFLECT). Message-first, format follows audience. Your message, their attention, the right format. TRIGGER: "pollinate", "make content about", "GTM for", "promote". NOT FOR: autonomous-pipeline, deep-research use cases.

2026-07-2229

ddd-manager

xg-gh-25/SwarmAI

Provision and manage DDD projects that conform to the canonical six-section structure — the self-propagation seed. Full lifecycle: CREATE (with context-extraction from a codebase, NOT blank templates), BIND a repo (⑤ delivery contract), LIST / EDIT / RENAME. Pure filesystem, no SwarmAI backend — a DDD carries this so it can create MORE spec-compliant DDDs on Kiro / Claude Code. TRIGGER: "create ddd", "new ddd project", "add a domain", "bind repo to ddd", "provision ddd". NOT FOR: SwarmAI's own project CRUD (native s_project-manager); code (that's s_ddd-pipeline).

2026-07-2229

ddd-pipeline

xg-gh-25/SwarmAI

DDD-native autonomous dev loop — judge→execute→reflect on a SINGLE DDD via a bundled, decoupled engine (engine/artifact_cli.py, file-based .artifacts/ state, NO data.db, NO SwarmAI backend). Retains the moat: Gate-2 adversarial-before-commit + the 养成 ladder. DDD-native decouple of SwarmAI's s_autonomous-pipeline engine. TRIGGER: "ddd pipeline", "run the ddd loop", "build in this ddd". NOT FOR: SwarmAI's own multi-project pipeline (that's the native s_autonomous-pipeline).

2026-07-2229

ddd-pollinate

xg-gh-25/SwarmAI

Express THIS DDD's product value to audiences — message-first, format follows — via a bundled, decoupled copy of SwarmAI's real pollinate engine (11 format tracks + scripts + moat gates), sourcing value from the DDD's own ② PRODUCT.md, file-based, no SwarmAI backend. DDD-native decouple of s_pollinate. TRIGGER: "ddd pollinate", "express this ddd's value", "make content from this ddd". NOT FOR: SwarmAI's own s_pollinate (bound to Swarm brand + SwarmWS paths).

2026-07-2229

project-manager

xg-gh-25/SwarmAI

Create, list, edit, rename, and delete DDD projects (Domain-Driven Design) — provisions the canonical six-section DDD structure. Each project gets 4 knowledge documents (PRODUCT.md, TECH.md, IMPROVEMENT.md, PROJECT.md) and an .artifacts/ directory for pipeline outputs. TRIGGER: "add project", "new project", "create project", "rename project", "create DDD". NOT FOR: radar-todo use cases.

2026-07-2229

name	frontend-design
description	Create production-grade frontend interfaces with design intelligence database (67 styles, 161 palettes, 57 fonts, 161 industry rules). TRIGGER: "build a landing page", "create a website", "design a UI", "frontend prototype". NOT FOR: web-design-review use cases.
version	2.0.0
tier	lazy

Frontend Design

This skill loads full instructions on activation. Read INSTRUCTIONS.md before proceeding.

MANDATORY: Generate Design System Before Coding

Before writing ANY frontend code, run the design system generator to get industry-specific style, color, typography, and anti-pattern recommendations:

python3 scripts/search.py "<product description>" --design-system -p "ProjectName" -f markdown