디자이너와 빌더를 위한 에이전트 스킬를 엄선하여 Codex, Claude, Cursor 및 기타 AI 코딩 에이전트를 활용하여 풍부한 사용자 인터페이스, 플레이 가능한 게임, 프론트엔드 시스템, 에이전트 루프, 자동화, 재사용 가능한 워크플로우를 구축할 수 있도록 합니다.

이 기술을 Codex, Claude Design, Aura Build, Lovable 및 에이전트 스택 등에서 활용해 참고 자료를 프롬프트로 바꾸고, 상세한 랜딩 페이지를 생성하며, 플레이 가능한 Three.js 시스템을 구축하고, 재사용 가능한 구현 워크플로우를 만듭니다.

대표적인 웹 디자인 워크플로우부터 시작하세요:

1. 영상 초강력 프롬프트 디자인, 랜딩 페이지, 애니메이션의 화면 녹화를 매우 상세한 프롬프트로 변환해 Fable 5가 원샷으로 HTML을 처리할 수 있게 합니다.
2. HTML에서 상호작용 프롬프트로 기존 HTML 페이지, 예를 들어 Aura Build 페이지를 한 섹션, 한 애니메이션, 한 버튼, 한 가지 호버 상태, 또는 하나의 WebGL 효과에 대한 재사용 가능한 프롬프트로 변환합니다.
3. 스티치 전면 캡처 영웅만 있는 것이 아니라 전체 랜딩 페이지를 캡처하여 에이전트에게 구조, 속도, 시각적 계층 구조에 대한 전체 페이지 참조를 제공합니다.
4. 일일 UI 영감

Agent Skills

A curated collection of agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents to build rich user interfaces, playable games, frontend systems, agent loops, automations, and reusable workflows.

Use these skills with Codex, Claude Design, Aura Build, Lovable, and the rest of your agent stack to turn references into prompts, generate detailed landing pages, build playable Three.js systems, and create reusable implementation workflows.

Start with the flagship web-design workflow:

1. Video to Super Prompt Turns a screen recording of a design, landing page, or animation into a super detailed prompt that Fable 5 can use to one-shot HTML.
2. HTML to Interaction Prompts Turns an existing HTML page, like an Aura Build page, into reusable prompts for one section, one animation, one button, one hover state, or one WebGL effect.
3. Stitched Full Page Capture Captures the entire landing page instead of only the hero, giving your agent a full-page reference for structure, pacing, and visual hierarchy.
4. Daily UI Inspiration Combines browsing, capture, reference study, and prompt generation into a useful agent loop that turns strong landing pages into detailed prompt packs.

These are portable agent skill folders: concise SKILL.md playbooks with optional references, articles, scripts, and assets. The goal is simple: turn good prompts, workflows, style systems, capture recipes, and debugging habits into versioned files an agent can load and follow.

Portable by default. Each skill should work for any user, repo, or workspace unless the user supplies project-specific context through local agent instructions.

Browse all runnable demos and recreation prompts.

Explore the 3D rendering skills for ultra-realistic water, underwater god rays, virtual tours, sky rays, sky backgrounds, falling leaves, four seasons, detailed textures and models, and Retina rendering at 200%.

Explore the illustration skills for 14 hand-written SVG illustration styles, from flat and outlined cartoon to halftone, one-line, isometric and vintage emblem, each with example cards, a palette, a drawing kit and a render-and-lint loop.

Use these skills when you want:

• repeatable design direction
• reusable game architecture and gameplay QA
• procedural implementation steps
• copy/paste snippets
• common pitfalls and guardrails
• reusable workflows instead of one-off chat answers

---

Agent support

The format is intentionally plain Markdown and folder-based.