@giljae/ag-lazyweb-skill 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 giljae
+
+Permission is hereby granted, free of herby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,80 @@
+# Antigravity Lazyweb Skill
+
+**Design with evidence, not vibes.**
+
+This project is an optimized port of the original [lazyweb-skill](https://github.com/aboul3ata/lazyweb-skill) specifically for **Antigravity**. It enables Antigravity to perform deep design research, gather visual inspiration, and provide design critiques using the Lazyweb screenshot database.
+
+## 🚀 Key Features for Antigravity
+
+- **Native Browser Integration**: Uses Antigravity's `browser_subagent` for high-fidelity live web captures.
+- **Interactive Artifacts**: Generates research reports as premium Antigravity Artifacts for a beautiful preview experience.
+- **Agentic Workflow**: Optimized `SKILL.md` instructions that leverage Antigravity's advanced reasoning and toolset.
+
+## 🛠 Available Skills
+
+### 🔍 Core Design Tools
+- **`/lazyweb-design-research`**: **Deep Design Research**. 
+  Identifies competitors, searches both Lazyweb and the live web, downloads reference screenshots, and produces a structured report including TL;DR, Examples, Findings, Patterns, Anti-Patterns, Unique Angles, and actionable Recommendations. Use for comprehensive competitive analysis and best practices research.
+- **`/lazyweb-quick-references`**: **Visual Inspiration**. 
+  Finds screenshots fast by searching Lazyweb and grouping results by design pattern. Lighter and faster than design-research—best used when you just need visual references without a full analysis.
+- **`/lazyweb-design-improve`**: **Design Critique & Improvement**. 
+  Captures a screenshot of your current design, finds similar high-quality screens from top apps, and generates 1-5 concrete improvement ideas, each backed by a real visual reference.
+- **`/lazyweb-design-brainstorm`**: **Cross-pollination Brainstorm**. 
+  Deliberately searches *outside* your industry category to find novel patterns. It helps you "zig when everyone zags" by bringing in ideas from gaming, entertainment, or social apps into your product's context.
+
+### ⚙️ Utility Tools
+- **`/lazyweb-add-inspo-source`**: **Connect External Libraries**. 
+  Allows you to connect external inspiration libraries (like Mobbin, Savee, etc.) so that Lazyweb design skills can include them in the research process.
+- **`/lazyweb-remove-inspo-source`**: **Disconnect Library**. 
+  Disconnects an external inspiration library from your Lazyweb workspace.
+
+## ⚙️ Setup & Installation
+
+### 1. Get a Free Lazyweb Token
+Run the following command in your terminal to generate and save a free Lazyweb MCP token:
+
+```bash
+mkdir -p ~/.lazyweb
+curl -k -sS -X POST https://www.lazyweb.com/api/mcp/install-token \
+  -H "content-type: application/json" \
+  -d '{}' | node -e 'let s="";process.stdin.on("data",d=>s+=d);process.stdin.on("end",()=>{
+    try {
+      const token = JSON.parse(s).token;
+      require("fs").writeFileSync(require("os").homedir() + "/.lazyweb/lazyweb_mcp_token", token);
+      console.log("✅ Token saved successfully to ~/.lazyweb/lazyweb_mcp_token");
+    } catch(e) {
+      console.error("❌ Error parsing JSON:", e.message);
+      console.error("Response:", s);
+    }
+  })'
+```
+
+### 2. Install to Antigravity
+You can install these skills globally to your Antigravity environment using the provided script:
+
+```bash
+./scripts/install.sh
+```
+
+This will copy the skills to `~/.gemini/antigravity/skills/` and update your global `mcp_config.json`.
+
+### 3. Uninstall
+To remove the skills and cleanup the MCP configuration:
+
+```bash
+./scripts/uninstall.sh
+```
+
+## 📖 Usage Examples
+
+- `"/lazyweb-design-research research how modern AI apps handle onboarding"`
+- `"/lazyweb-quick-references show me examples of dark mode dashboards"`
+- `"/lazyweb-design-improve how can I make this checkout flow better?"`
+
+---
+
+### Credits
+This project is based on the [lazyweb-skill](https://github.com/aboul3ata/lazyweb-skill) by aboul3ata. Ported and optimized for Antigravity by Antigravity.
+
+## License
+MIT

package/README_KO.md

@@ -0,0 +1,80 @@
+# 안티그래비티 레이지웹 스킬 (Antigravity Lazyweb Skill)
+
+**감(Vibe)이 아닌 근거(Evidence)로 디자인하세요.**
+
+이 프로젝트는 오리지널 [lazyweb-skill](https://github.com/aboul3ata/lazyweb-skill)을 **안티그래비티(Antigravity)** 환경에 최적화하여 포팅한 버전입니다. 레이지웹의 방대한 스크린샷 데이터베이스를 활용하여 안티그래비티가 심층적인 디자인 리서치, 시각적 영감 수집, 디자인 비평 등을 수행할 수 있게 해줍니다.
+
+## 🚀 안티그래비티 전용 주요 특징
+
+- **네이티브 브라우저 통합**: 안티그래비티 전용 `browser_subagent`를 사용하여 실시간 웹 사이트를 고화질로 캡처합니다.
+- **인터랙티브 아티팩트**: 리서치 보고서를 안티그래비티 전용 **Artifacts**로 생성하여, 세련된 레이아웃에서 즉시 미리보기가 가능합니다.
+- **최적화된 워크플로우**: 안티그래비티의 도구셋과 추론 능력에 최적화된 `SKILL.md` 지침을 제공합니다.
+
+## 🛠 사용 가능한 스킬
+
+### 🔍 핵심 디자인 도구
+- **`/lazyweb-design-research`**: **심층 디자인 리서치**. 
+  경쟁사를 식별하고, 레이지웹 데이터베이스와 실시간 웹을 모두 검색하여 시각적 레퍼런스를 수집합니다. TL;DR, 사례 분석, 주요 발견점, 디자인 패턴, 안티 패턴, 독특한 관점 및 구체적인 추천안이 포함된 구조화된 리포트를 생성합니다. 경쟁사 분석 및 베스트 프랙티스 조사에 적합합니다.
+- **`/lazyweb-quick-references`**: **시각적 영감 수집**. 
+  레이지웹을 빠르게 검색하고 결과를 디자인 패턴별로 그룹화하여 보여줍니다. 전체적인 분석보다는 특정 UI 패턴(예: "SaaS 가격 페이지")의 시각적 참고 자료가 빠르게 필요할 때 사용합니다.
+- **`/lazyweb-design-improve`**: **디자인 비평 및 개선**. 
+  현재 디자인의 스크린샷을 캡처하고, 업계 최고 수준의 앱들에서 유사한 화면을 찾아 1~5개의 구체적인 개선 아이디어를 제안합니다. 각 제안은 실제 시각적 레퍼런스와 연결되어 제공됩니다.
+- **`/lazyweb-design-brainstorm`**: **창의적 아이디어 브레인스토밍**. 
+  의도적으로 사용자의 제품 카테고리 *외부*에서 새로운 패턴을 검색합니다. 핀테크 앱을 만들 때 게임, 엔터테인먼트, 소셜 앱의 디자인 요소를 참고하여 혁신적인 "차별화 포인트"를 도출하는 데 도움을 줍니다.
+
+### ⚙️ 유틸리티 도구
+- **`/lazyweb-add-inspo-source`**: **외부 영감 라이브러리 연결**. 
+  Mobbin, Savee 등 외부 디자인 라이브러리를 연결하여 레이지웹 리서치 프로세스에 포함할 수 있게 합니다.
+- **`/lazyweb-remove-inspo-source`**: **라이브러리 연결 해제**. 
+  연결된 외부 디자인 라이브러리를 워크스페이스에서 제거합니다.
+
+## ⚙️ 설정 및 설치 방법
+
+### 1. 무료 레이지웹 토큰 발급
+터미널에서 아래 명령어를 실행하여 무료 Lazyweb MCP 토큰을 생성하고 저장하세요:
+
+```bash
+mkdir -p ~/.lazyweb
+curl -k -sS -X POST https://www.lazyweb.com/api/mcp/install-token \
+  -H "content-type: application/json" \
+  -d '{}' | node -e 'let s="";process.stdin.on("data",d=>s+=d);process.stdin.on("end",()=>{
+    try {
+      const token = JSON.parse(s).token;
+      require("fs").writeFileSync(require("os").homedir() + "/.lazyweb/lazyweb_mcp_token", token);
+      console.log("✅ 토큰이 성공적으로 저장되었습니다: ~/.lazyweb/lazyweb_mcp_token");
+    } catch(e) {
+      console.error("❌ JSON 파싱 에러:", e.message);
+      console.error("응답 내용:", s);
+    }
+  })'
+```
+
+### 2. 안티그래비티에 설치
+제공된 스크립트를 사용하여 이 스킬들을 안티그래비티 전역 환경에 설치할 수 있습니다:
+
+```bash
+./scripts/install.sh
+```
+
+이 스크립트는 스킬들을 `~/.gemini/antigravity/skills/` 경로로 복사하고, 전역 `mcp_config.json` 파일을 업데이트합니다.
+
+### 3. 삭제 방법
+설치된 스킬을 제거하고 MCP 설정을 원상복구하려면 다음을 실행하세요:
+
+```bash
+./scripts/uninstall.sh
+```
+
+## 📖 사용 예시
+
+- `"/lazyweb-design-research 현대적인 AI 앱들의 온보딩 방식을 조사해줘"`
+- `"/lazyweb-quick-references 다크 모드 대시보드 예시들을 보여줘"`
+- `"/lazyweb-design-improve 이 결제 페이지를 어떻게 개선하면 좋을까?"`
+
+---
+
+### 크레딧
+이 프로젝트는 aboul3ata의 [lazyweb-skill](https://github.com/aboul3ata/lazyweb-skill)을 기반으로 합니다. 안티그래비티 팀에 의해 안티그래비티 전용으로 포팅 및 최적화되었습니다.
+
+## 라이선스
+MIT

package/index.js

@@ -0,0 +1,8 @@
+// Antigravity Lazyweb Skill
+// This package contains a set of skills for Antigravity.
+// Please refer to README.md for installation and usage instructions.
+
+module.exports = {
+  name: "ag-lazyweb-skill",
+  description: "Antigravity Lazyweb Skill"
+};

package/lazyweb-add-inspo-source/SKILL.md

@@ -0,0 +1,167 @@
+---
+name: lazyweb-add-inspo-source
+description: |
+  Connect an external inspiration source (Mobbin, Savee, Dribbble, Behance, etc.)
+  as a first-class source in all Lazyweb design skills. Authenticates via headless
+  browser, persists session cookies, and registers the source so future design
+  research automatically includes it alongside Lazyweb.
+  Trigger on: "add inspo source", "add inspiration source", "connect Mobbin",
+  "connect Savee", "add design source", "connect inspiration", "add Dribbble",
+  "link Behance".
+allowed-tools:
+  - Bash
+  - Read
+  - Write
+  - AskUserQuestion
+---
+
+# Add Inspiration Library
+
+Connect an external design inspiration library so all Lazyweb design skills
+(`/lazyweb-design-research`, `/lazyweb-design-improve`, `/lazyweb-design-brainstorm`,
+`/lazyweb-quick-references`) search it alongside Lazyweb's database.
+
+No adapters or scrapers needed — Claude uses the browse tool to navigate the library
+UI at search time, the same way it browses any website.
+
+## Browse Setup
+
+```bash
+LB=""
+# Check lazyweb-skill browse first
+for _P in "$(pwd)/.claude/skills/lazyweb-skill/browse/dist/browse" ~/.claude/skills/lazyweb-skill/browse/dist/browse; do
+  [ -x "$_P" ] && LB="$_P" && break
+done
+# Fall back to gstack browse
+if [ -z "$LB" ]; then
+  _ROOT=$(git rev-parse --show-toplevel 2>/dev/null)
+  [ -n "$_ROOT" ] && [ -x "$_ROOT/.claude/skills/gstack/browse/dist/browse" ] && LB="$_ROOT/.claude/skills/gstack/browse/dist/browse"
+  [ -z "$LB" ] && [ -x ~/.claude/skills/gstack/browse/dist/browse ] && LB=~/.claude/skills/gstack/browse/dist/browse
+fi
+[ -x "$LB" ] && echo "BROWSE_READY: $LB" || echo "NO_BROWSE"
+```
+
+If `NO_BROWSE`: This skill requires the browse tool. Tell the user:
+"Browse tool not found. Install it with: `cd ~/.claude/skills/lazyweb-skill/browse && ./setup`"
+Then stop.
+
+## Workflow
+
+### 1. Ask Which Library
+
+If the user didn't specify, ask which library to connect. Common options:
+
+| Library | URL | Search URL |
+|---------|-----|-----------|
+| Mobbin | https://mobbin.com | https://mobbin.com/browse/ios/apps |
+| Savee | https://savee.it | https://savee.it/search/ |
+| Dribbble | https://dribbble.com | https://dribbble.com/search |
+| Behance | https://www.behance.net | https://www.behance.net/search/projects |
+| Awwwards | https://www.awwwards.com | https://www.awwwards.com/websites |
+
+If the user wants a library not listed here, ask for:
+- Name of the library
+- Base URL
+- Search URL (the page where you can type a search query)
+
+### 2. Check If Already Connected
+
+```bash
+cat ~/.lazyweb/libraries.json 2>/dev/null || echo '{"libraries":[]}'
+```
+
+If the library is already in the list, tell the user it's already connected and ask
+if they want to re-authenticate (useful if session expired).
+
+### 3. Authenticate via Headless Browser
+
+Navigate to the library and hand off to the user for login:
+
+```bash
+# Open the library's login page
+$LB goto "{url}"
+
+# Hand off to visible Chrome so user can log in
+$LB handoff "Log in to {name}. Close this window or press Enter when done."
+```
+
+The handoff opens a visible Chrome window where the user can:
+- Log in with email/password
+- Complete OAuth flows
+- Handle 2FA/CAPTCHA
+
+After the user completes login:
+
+```bash
+# Resume headless control with cookies preserved
+$LB resume
+```
+
+### 4. Verify Authentication
+
+Navigate to the search page and confirm we're logged in:
+
+```bash
+$LB goto "{searchUrl}"
+$LB snapshot -i
+```
+
+Check the snapshot for signs of being logged in (user avatar, account menu, no login
+prompts). If it looks like we're not authenticated, tell the user and offer to retry.
+
+### 5. Test Search
+
+Do a quick test search to confirm everything works:
+
+```bash
+$LB snapshot -i
+# Find the search input and type a test query
+$LB fill @eN "pricing page"
+$LB press Enter
+# Wait briefly for results
+$LB snapshot -i
+```
+
+If results load successfully, the connection works.
+
+### 6. Save Library Config
+
+```bash
+mkdir -p ~/.lazyweb
+```
+
+Read existing config, add the new library, write back:
+
+```json
+{
+  "libraries": [
+    {
+      "name": "Mobbin",
+      "url": "https://mobbin.com",
+      "searchUrl": "https://mobbin.com/browse/ios/apps",
+      "addedAt": "2026-03-26"
+    }
+  ]
+}
+```
+
+Write to `~/.lazyweb/libraries.json`.
+
+### 7. Confirm to User
+
+Tell the user:
+- "{Name} is now connected as an inspiration source."
+- "All Lazyweb design skills will now search {Name} alongside Lazyweb's database."
+- "If your session expires, run `/lazyweb-add-inspo-source` again to reconnect."
+- "To disconnect, run `/lazyweb-remove-inspo-source`."
+
+## Important Notes
+
+- **Session persistence**: Browse cookies persist within a server session (30 min idle
+  timeout). If the session expires between uses, the design skills will detect this
+  and prompt the user to reconnect.
+- **No adapters**: Claude navigates each library's UI at search time using browse
+  snapshots and interactions. This means it works with any library, even ones that
+  redesign their UI.
+- **Multiple libraries**: Users can connect as many libraries as they want. Each gets
+  searched during design research.