오늘의집 Product Design 디자인 자동화 스킬 모음 — htmlviaTrueSource(HTML→스펙·프로토타입·QA), new-ods-ui-builder(Figma→ODS 컴포넌트 HTML + pixel-diff), figma-to-ods-react(Figma→ODS React 화면 변환, ods-prototype MCP 하이브리드 + 충실도 규칙).
Figma 디자인을 @bucketplace/design-system React 화면(.tsx)으로 변환해 prototypes/contents-feed live 프리뷰에서 렌더하고 프로토 제작의 원천 소스로 만든다. ODS 인스턴스는 결정론 매핑(ods-components-index + components-react.md), 비-ODS는 flex+토큰 합성. 검증은 구조/컴포넌트 정합 + tsc + pixel-diff(참고). 사용자가 "Figma를 React로", "ODS React 화면 만들어줘", "contents-feed에 화면 추가", "figma-to-ods-react 실행" 같은 요청을 할 때 트리거.
Figma 디자인을 번들된 ODS 디자인 시스템(design-tokens.js + icons.js + ods-components-index.json) 자산으로 실제 DOM/CSS/JS 기반 HTML 프로토타입을 빌드하고, pixel-diff로 픽셀 단위 정확도를 검증한다. 43개 ODS 컴포넌트 전수 사용법은 references/components.md 참조. 사용자가 "Figma로 프로토타입", "ODS로 정확히 그려줘", "토큰·아이콘·컴포넌트 써서 빌드", "pixel-diff로 검증" 같은 요청을 할 때 트리거.
오늘의집 Product Design — 디자인 지식과 Track Screen 사이트.
tracks/ — Track Screen · Track Component · 정책 · 실험 sourceknowledge/ — 전사 디자인 판단 지식docs/meta/ — vision/governance 문서ohouse-design-site/ — Astro 기반 디자인 사이트 (위 콘텐츠를 읽어 렌더)prototypes/ — 실행 가능한 preview/dev artifactdashboard/ — legacy Track Screen 운영 대시보드GitHub Pages 자동 배포는 사내 Nexus 패키지 접근 제약 때문에 사용하지 않는다.
사이트는 사내 WiFi/VPN 환경에서 /deploy 스킬로 정적 빌드 산출물을 배포한다.
ohouse-design-site/commonODS 문서는 Nexus의 @bucketplace/ods-site-content 패키지를 exact version으로 받아 렌더한다.
cd ohouse-design-site
npm install
npm run dev # http://localhost:4321
Track 콘텐츠는 root tracks/를 읽고, 전사 지식과 vision은 root knowledge/, docs/meta/를 읽는다.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub ohouse-product-design/ohouse-design --plugin ohouse-design-pluginComprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Tools to maintain and improve CLAUDE.md files - audit quality, capture session learnings, and keep project memory current.
Develop, test, build, and deploy Godot 4.x games with Claude Code. Includes GdUnit4 testing, web/desktop exports, CI/CD pipelines, and deployment to Vercel/GitHub Pages/itch.io.
A growing collection of Claude-compatible academic workflow bundles. Covers scientific figures, manuscript writing and polishing, reviewer assessment, citation retrieval, data availability, paper reading, literature search, response letters, paper-to-PPTX conversion, and evidence-grounded Chinese invention patent drafting. Rules are organized as reusable skill folders with explicit workflows and quality checks.
Create new skills, improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, update or optimize an existing skill, run evals to test a skill, or benchmark skill performance with variance analysis.
Unity Development Toolkit - Expert agents for scripting/refactoring/optimization, script templates, and Agent Skills for Unity C# development