メニュー
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/trungdo9/ClauKit --skill stitchコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
WordPress REST API client — connect to a live WP site to publish/update posts & pages (draft→publish), upload media, manage categories/tags, write Yoast/RankMath SEO meta, and audit existing content. Use when pushing generated marketing content to WordPress or auditing live WP articles. Auth via Application Passwords (env vars only). Consumer/client skill (not for building WP plugin endpoints).
Conversion Rate Optimization — landing pages, signup flows, popups, A/B tests. 25-point framework.
End-to-end SEO article production pipeline — from keyword strategy to published post. Standardizes a 6-stage flow (research/strategy → competitor analysis + outline → section-by-section writing → on-page optimization → media → internal-link + publish) into a Claude-native workflow. Ported from an n8n production pipeline. Use to plan, write, optimize, and publish complete SEO articles (single or at scale), incl. WordPress. State tracked via a content pipeline table (Supabase or a local plan file).
SOC 職業分類に基づく
SKILL.md を表示中
| name | stitch |
| description | Generate AI design via Google Stitch with code export |
| category | Design & Frontend |
| status | active |
Generate production-ready UI designs from natural language prompts using Google's Stitch AI. Convert design ideas into interactive prototypes and export code in multiple frameworks (HTML/CSS, Tailwind, Vue, Angular, Flutter, SwiftUI).
Do NOT use when: Detailed brand customization, complex animations, or bespoke illustrations are non-negotiable.
Describe Your UI — Write natural language prompts describing your app, screens, user flows, or component layouts. Include context (mobile/web, target user, key features).
Generate Designs — Stitch creates high-fidelity mockups with up to 5 interconnected screens. Leverage voice input for hands-free iteration.
Iterate & Refine — Use the infinite AI-native canvas to request design changes, get real-time critiques, and explore variations.
Export Code — Export designs as production-ready code in your preferred stack (HTML/CSS, Tailwind CSS, Vue.js, Angular, Flutter, SwiftUI).
Stitch 2.0 enables generating entire application flows—connected screens with navigation logic—rather than isolated components. Describe how users move between screens, and Stitch maintains visual consistency across the flow.
Voice capabilities allow you to ask the AI agent for design feedback on color schemes, typography, spacing, and usability before export.
Exported code includes semantic color roles, typography scales, and spacing tokens aligned with Material Design 3 principles, ensuring consistency and maintainability.
Move beyond single-page mockups to explore entire design systems on an infinite, zoomable canvas.
Prompt: "Create a mobile fitness app with 5 screens: login, home dashboard showing workout stats, a workout detail page with timer, exercise library with search, and user profile. Use blue and teal accent colors, modern sans-serif font. Dashboard should display current streak, calories burned, and upcoming workouts."
Output: