Webapp building swarm
Полная коллекция скиллов Kimi (267 built-in + 7 plugin skills), выгруженная из сандбокса агента
npx -y skills add serejaris/kimi-skills --skill webapp-building-swarmAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- 19 days oldThe repository was created 19 days ago. New is not bad, but a brand new repository carrying a familiar-sounding name is the shape a typosquat arrives in, and there has been no time for anyone else to find a problem with it.
- 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Tools for building modern React webapps with TypeScript, Tailwind CSS and shadcn/ui. Best suited for applications with complex UI components and state management. Supports optional templates for specialized requirement.
SKILL.md
4.7 KB, as published. Nobody here has run it
WebApp Building
Stack: React + TypeScript + Vite + Tailwind CSS + shadcn/ui
Architecture
Two key directories in the swarm setup:
| Path | Purpose | Who uses it |
|---|---|---|
/mnt/agents/output/app | Shared git repo on OSS — coordination hub for branches. Do NOT build or edit code here. | Main agent (branch creation, merges) |
$HOME/app-<branch> | Local worktree — fast local filesystem for editing, building, npm install. Each subagent uses a unique path per branch to avoid worktree metadata collisions. | All subagents (scaffold, page agents) |
Scripts
All scripts use absolute paths from /app/.agents/skills/webapp-building-swarm/scripts/.
init-webapp.sh — Project initialization (run by main agent)
# Multi-agent mode: creates project locally, clones to shared OSS repo
PROJECT_PATH=$HOME/init REMOTE_PATH=/mnt/agents/output/app \
bash /app/.agents/skills/webapp-building-swarm/scripts/init-webapp.sh "<website-title>"
- Unzips template, copies pre-built
node_modules, sets HTML title - With
REMOTE_PATH: initializes git, clones to OSS for multi-agent coordination - Optional second arg: template name (default:
0-origin)
Worktree setup (run by subagents)
Use swarm-workspace's setup-local.sh, passing this skill's prebuilt
frontend node_modules as NODE_MODULES_SRC:
NODE_MODULES_SRC=/app/.agents/skills/webapp-building-swarm/scripts/template/node_modules \
bash /app/.agents/skills/swarm-workspace/scripts/setup-local.sh <branch> $HOME/app-<branch>
- Creates a git worktree from the shared repo at
/mnt/agents/output/app - Each subagent MUST use a unique local path (
$HOME/app-<branch>) to avoid worktree metadata collisions in the shared git repo - Overlays the prebuilt frontend
node_modules, thennpm install - Handles re-entry; never run
git worktree prune— it destroys other agents' worktree entries
See swarm-workspace/SKILL.md for the full two-tier filesystem contract and all setup-local.sh options.
.prepare-template.sh — Image build-time only
Creates scripts/template/node_modules/ by unzipping 0-origin and running npm install. Run once at image build time, not at runtime.
What the template includes
- React + TypeScript (via Vite)
- Tailwind CSS 3.4.19 with shadcn/ui theming system
- Path aliases (
@/) configured - 40+ shadcn/ui components pre-installed
- All Radix UI dependencies included
- Production build optimization with Vite
- Node 20+ compatibility
Build
Build happens on a local worktree, never on the shared coordination repo:
cd $HOME/app-final-build && npm run build 2>&1
This is a correctness gate — catch type/build errors before creating a version.
Do not copy dist/ anywhere: the model records a version of the committed
source via mshtools-website_version_manager (action: "build_version",
type: "static" for frontend-only projects, project_dir = the build worktree;
invoked per the system prompt, not by this skill), and the platform builds from
that version. The orchestration skill's version phase commits the final source;
the platform takes it from there.
Output (dist/):
index.html— Entry pointassets/index-[hash].js— Bundled JSassets/index-[hash].css— Bundled CSS
Available Templates
Use the default template (0-origin) unless the user explicitly requests a specific template by name.
| Template | Description |
|---|---|
| 0-origin | Base template with 40+ shadcn/ui components (default) |
| airlens-style | Premium dark forest portfolio with GSAP/Lenis/Swiper |
| exhibition-style | Editorial magazine with custom cursor, noise overlay |
| exvia-style | Cinematic hero with mouse-tracking, bento grid |
| forest-style | Dark chocolate brand with Framer Motion |
| kaleo-style | Earth-toned editorial with card stack, Ken Burns |
| lipstick-style | Bold Swiss-grid beauty product with GSAP pinned scroll |
| modo-style | Premium gallery with stacking cards, custom cursor |
| photographer-style | Dark cinematic with particles, 3D transforms |
| playza-style | Cyberpunk music with 3D album cube (Three.js/R3F) |
| shibumi-style | Artisan e-commerce with shopping cart, parallax |
| swiss-dada-style | Bold product landing with 3D mouse parallax |
| villa-style | Winery/villa with showcase tabs, carousel, timeline |