初始化项目版本

.agents/skills/stitch-generate-design/references/design-mappings.md

@@ -0,0 +1,46 @@
+# Design Mappings & Descriptors
+
+Use these mappings to transform vague user requests into precise, high-fidelity
+design instructions.
+
+## UI/UX Keyword Refinement
+
+| Vague Term | Enhanced Professional Terminology |
+|:---|:---|
+| "menu at the top" | "sticky navigation bar with logo and list items" |
+| "big photo" | "high-impact hero section with full-width imagery" |
+| "list of things" | "responsive card grid with hover states and subtle elevations" |
+| "button" | "primary call-to-action button with micro-interactions" |
+| "form" | "clean form with labeled input fields, validation states, and submit button" |
+| "picture area" | "hero section with focal-point image or video background" |
+| "sidebar" | "collapsible side navigation with icon-label pairings" |
+| "popup" | "modal dialog with overlay and smooth entry animation" |
+
+## Atmosphere & "Vibe" Descriptors
+
+Add these adjectives to set the mood and aesthetic philosophy:
+
+| Basic Vibe | Enhanced Design Description |
+|:---|:---|
+| "Modern" | "Clean, minimal, with generous whitespace and high-contrast typography." |
+| "Professional" | "Sophisticated, trustworthy, utilizing subtle shadows and a restricted, premium palette." |
+| "Fun / Playful" | "Vibrant, organic, with rounded corners, bold accent colors, and bouncy micro-animations." |
+| "Dark Mode" | "Electric, high-contrast accents on deep slate or near-black backgrounds." |
+| "Luxury" | "Elegant, spacious, with fine lines, serif headers, and a focus on high-fidelity photography." |
+| "Tech / Cyber" | "Futuristic, neon accents, glassmorphism effects, and technological monospaced typography." |
+
+## Geometry & Shape Translation
+
+Convert technical values into physical descriptions for Stitch:
+
+- **Pill-shaped**: Used for `rounded-full` elements (buttons, tags).
+- **Softly rounded**: Used for `rounded-xl` (12px) or `rounded-2xl` (16px) containers.
+- **Sharp/Precise**: Used for `rounded-none` or `rounded-sm` elements.
+- **Glassmorphism**: Semi-transparent surfaces with background blur and thin borders.
+
+## Depth & Elevation
+
+- **Flat**: No shadows, focus on color blocking and borders.
+- **Whisper-soft**: Diffused, light shadows for subtle lift.
+- **Floating**: High-offset, soft shadows for elements that appear high above the surface.
+- **Inset**: Inner shadows for pressable or nested elements.

.agents/skills/stitch-generate-design/references/prompt-keywords.md

@@ -0,0 +1,131 @@
+# UI/UX Keywords Reference
+
+Progressive disclosure reference for common UI terminology and adjective
+palettes.
+
+## Component Keywords
+
+### Navigation
+
+- navigation bar, nav menu, header
+- breadcrumbs, tabs, sidebar
+- hamburger menu, dropdown menu
+- back button, close button
+
+### Content Containers
+
+- hero section, hero banner
+- card, card grid, tile
+- modal, dialog, popup
+- accordion, collapsible section
+- carousel, slider
+
+### Forms
+
+- input field, text input
+- dropdown, select menu
+- checkbox, radio button
+- toggle switch
+- date picker, time picker
+- search bar, search input
+- submit button, form actions
+
+### Calls to Action
+
+- primary button, secondary button
+- ghost button, text link
+- floating action button (FAB)
+- icon button
+
+### Feedback
+
+- toast notification, snackbar
+- alert banner, warning message
+- loading spinner, skeleton loader
+- progress bar, step indicator
+
+### Layout
+
+- grid layout, flexbox
+- sidebar layout, split view
+- sticky header, fixed footer
+- full-width, contained width
+- centered content, max-width container
+
+## Adjective Palettes
+
+### Minimal / Clean
+
+- minimal, clean, uncluttered
+- generous whitespace, breathing room
+- subtle, understated, refined
+- simple, focused, distraction-free
+
+### Professional / Corporate
+
+- sophisticated, polished, trustworthy
+- corporate, business-like, formal
+- subtle shadows, clean lines
+- structured, organized, hierarchical
+
+### Playful / Fun
+
+- vibrant, colorful, energetic
+- rounded corners, soft edges
+- bold, expressive, dynamic
+- friendly, approachable, warm
+
+### Premium / Luxury
+
+- elegant, luxurious, high-end
+- dramatic, bold contrasts
+- sleek, modern, cutting-edge
+- exclusive, boutique, curated
+
+### Dark Mode
+
+- dark theme, night mode
+- high-contrast accents
+- soft glows, subtle highlights
+- deep backgrounds, muted surfaces
+
+### Organic / Natural
+
+- earthy tones, natural colors
+- warm, inviting, cozy
+- textured, tactile, handcrafted
+- flowing, organic shapes
+
+## Interaction & Behavior Keywords
+
+### Animations
+
+- smooth entry animation, slide-in
+- fade transition, cross-fade
+- micro-interaction, bounce effect
+- skeleton loader, shimmer effect
+
+### Responsiveness
+
+- responsive layout, adaptive grid
+- mobile-first, desktop-first
+- breakpoint, viewport
+- stacked layout, side-by-side
+
+### User Flows
+
+- progressive disclosure, step indicator
+- expandable section, collapsible panel
+- infinite scroll, pagination
+- drag and drop, swipe gesture
+
+## Shape Descriptions
+
+| Technical | Natural Language |
+|-----------|------------------|
+| `rounded-none` | sharp, squared-off edges |
+| `rounded-sm` | slightly softened corners |
+| `rounded-md` | gently rounded corners |
+| `rounded-lg` | generously rounded corners |
+| `rounded-xl` | very rounded, pillow-like |
+| `rounded-full` | pill-shaped, circular |