product-analysis-styling
Analyze product images to extract attributes (category, style, materials, colors, design details) and generate appropriate styling recommendations for photography. Use when preparing product shoots, fashion photography, or creating styled product compositions.
What this skill does
# Product Analysis and Styling
## When to Use This Skill
Use this skill when you need to:
- Analyze product images before creating photography
- Extract product attributes for accurate representation
- Generate styling recommendations for product shoots
- Determine appropriate complementary items
- Understand product positioning and target audience
- Create cohesive styled product compositions
## Core Concepts
### Three-Level Material Specificity
Always analyze materials with three levels:
1. **Base Material**: Cotton, leather, polyester, metal, ceramic
2. **Construction**: Weave type, grain pattern, metal type
3. **Surface Finish**: Texture, treatment, appearance
Example: "cotton denim with right-hand twill weave and stone-washed matte finish"
### Analysis Categories
**Product Classification:**
- Category (top, bottom, fullbody, accessory, home goods)
- Specific type (silk blouse, leather boots, ceramic vase)
- Gender/target demographic
- Age category (infant, child, teen, adult)
**Style Assessment:**
- Style classification (casual, formal, sporty, elegant, minimalist)
- Occasion suitability
- Brand positioning (budget, mid-market, premium, luxury)
**Material Analysis:**
- Base materials
- Construction methods
- Surface treatments and finishes
**Design Details:**
- Silhouette and fit
- Key design elements
- Construction details
- Brand indicators
## Step-by-Step Instructions
### Step 1: Visual Product Analysis
Examine product images to identify:
- Product category and specific type
- Gender/target demographic
- Age category
- Style classification
- Occasion suitability
### Step 2: Material and Construction Analysis
Apply three-level specificity:
- Identify base materials
- Determine construction methods
- Assess surface finishes and treatments
### Step 3: Color and Pattern Analysis
Extract:
- Primary colors (specific names: "navy blue" not "blue")
- Secondary/accent colors
- Pattern type (solid, striped, floral, geometric)
- Color temperature (warm, cool, neutral)
- Finish (matte, glossy, metallic)
### Step 4: Design Details Extraction
Document:
- Silhouette and fit characteristics
- Key design elements (buttons, zippers, pockets)
- Construction details (stitching, seams, hardware)
- Brand indicators and distinctive features
### Step 5: Generate Styling Recommendations
Based on analysis, recommend:
**For Garments:**
- Complementary topwear (if bottom analyzed)
- Complementary bottomwear (if top analyzed)
- Appropriate footwear (specific style and color)
- Accessories (minimal, statement, or none)
- Overall styling approach
**For Accessories:**
- Outfit context (what to pair with)
- Styling placement (how to wear/display)
- Complementary pieces
- Occasion suitability
**For Products:**
- Display context (environment, props)
- Complementary items
- Lifestyle integration
### Step 6: Create Structured Output
Format as JSON:
```json
{
"product_category": "top|bottom|fullbody|accessory",
"product_type": "specific item name",
"gender": "male|female|unisex",
"age_category": "infant|child|teen|adult",
"style_classification": "casual|formal|sporty|elegant",
"materials": {
"base": "primary material",
"construction": "weave/grain/type",
"finish": "surface treatment"
},
"colors": {
"primary": "specific color name",
"secondary": ["color1", "color2"],
"temperature": "warm|cool|neutral"
},
"design_details": ["feature1", "feature2"],
"styling_recommendations": {
"topwear": "recommendation or N/A",
"bottomwear": "recommendation or N/A",
"footwear": "specific style and color",
"accessories": "minimal|statement|none",
"overall_approach": "styling philosophy"
}
}
```
## Examples
### Example 1: Denim Jacket Analysis
**Input:** Image of blue denim jacket
**Analysis Output:**
```json
{
"product_category": "top",
"product_type": "denim trucker jacket",
"gender": "unisex",
"age_category": "adult",
"style_classification": "casual",
"materials": {
"base": "cotton denim",
"construction": "right-hand twill weave",
"finish": "stone-washed with slight fading, matte surface"
},
"colors": {
"primary": "medium indigo blue",
"secondary": ["brass hardware", "white contrast stitching"],
"temperature": "cool"
},
"design_details": [
"Classic trucker silhouette with pointed collar",
"Brass button closure and rivets",
"Two chest pockets with button flaps",
"Adjustable side tabs at waist"
],
"styling_recommendations": {
"topwear": "N/A (this is the top)",
"bottomwear": "Black or dark grey slim-fit chinos, or light wash jeans for contrast",
"footwear": "White leather sneakers or tan suede desert boots",
"accessories": "Minimal - simple watch, no competing denim",
"overall_approach": "Classic casual Americana - keep styling clean and unfussy, let the jacket be the statement piece"
}
}
```
### Example 2: Statement Earrings Analysis
**Input:** Image of gold chandelier earrings
**Analysis Output:**
```json
{
"product_category": "accessory",
"product_type": "chandelier drop earrings",
"gender": "female",
"age_category": "adult",
"style_classification": "elegant",
"materials": {
"base": "gold-plated brass",
"construction": "multi-tier chandelier structure",
"finish": "polished with high shine"
},
"colors": {
"primary": "warm gold",
"secondary": ["clear crystal accents"],
"temperature": "warm"
},
"design_details": [
"Three-tier cascading design with crystal embellishments",
"Approximately 3 inches in length",
"Post back closure",
"Intricate filigree metalwork"
],
"styling_recommendations": {
"topwear": "N/A",
"bottomwear": "N/A",
"footwear": "N/A",
"accessories": "Keep other jewelry minimal - these are statement pieces",
"overall_approach": "Pair with updo or swept-back hair to showcase earrings. Wear with elegant neckline (off-shoulder, V-neck, or strapless) in solid colors. Avoid competing patterns or necklaces. Suitable for formal events, weddings, or evening occasions."
}
}
```
### Example 3: Ceramic Vase Analysis
**Input:** Image of white ceramic vase
**Analysis Output:**
```json
{
"product_category": "home_decor",
"product_type": "minimalist ceramic vase",
"gender": "unisex",
"age_category": "adult",
"style_classification": "minimalist",
"materials": {
"base": "ceramic stoneware",
"construction": "wheel-thrown with hand-finished rim",
"finish": "matte white glaze with subtle texture"
},
"colors": {
"primary": "warm off-white",
"secondary": [],
"temperature": "warm neutral"
},
"design_details": [
"Organic asymmetrical form",
"Narrow neck opening to wide body",
"Approximately 10 inches tall",
"Visible throwing lines add handcrafted character"
],
"styling_recommendations": {
"topwear": "N/A",
"bottomwear": "N/A",
"footwear": "N/A",
"accessories": "N/A",
"overall_approach": "Display on natural wood surface or light-colored shelf. Pair with single stem or small dried arrangement - avoid overcrowding. Complement with other neutral tones and natural materials. Suitable for Scandinavian, minimalist, or modern organic interiors. Photograph with soft natural light and clean background."
}
}
```
## Key Principles
1. **Precision Over Generalization**: "Navy blue cotton twill" not "blue pants"
2. **Three-Level Material Specificity**: Always base + construction + finish
3. **Actionable Recommendations**: Specific items, not vague suggestions
4. **Style Consistency**: Recommendations match product's aesthetic level
5. **Avoid Redundancy**: Don't recommend competing items
6. **Context Awareness**: Consider occasion, season, target audience
## Common Mistakes to Avoid
- ❌ Generic descriptions: "nice fabric" instead of specific material
- ❌ Vague colors: "blue" instead of "navy blue" or "cobalt blue"
- ❌ Missing construction details: "leather" insteRelated in Design
contribute
IncludedLocal-only OSS contribution command center. Auto-refreshes the user's in-flight PR and issue state on invoke so conversations start with full context — no need to brief Claude on what's in flight. Helps the user find issues to contribute to on GitHub, builds per-repo dossiers of what each upstream expects (CLA, DCO, branch convention, AI policy, draft-first, review bots, issue templates), runs deterministic gates before any external action so AI-assisted contributions don't reach maintainers as slop. State is markdown-only: candidate files at ~/.contribute-system/candidates/, repo dossiers at ~/.contribute-system/research/, append-only event log at ~/.contribute-system/log.jsonl. No database, no cloud calls. Use when the user asks about their PRs / issues / contributions, wants to find new work to take on, claim an issue, build/refresh a repo's dossier, or draft a Design Issue or PR. Trigger with "/contribute", "what's my PR status", "find a contribution", "claim issue X", "draft a Design Issue for Y", "refresh dossier for Z".
architectural-analysis
IncludedUser-triggered deep architectural analysis of a codebase or scoped subtree across eight modes — information architecture, data flow, integration points, UI surfaces, interaction patterns, data model, control flow, and failure modes. This skill should be used when the user asks to "diagram this codebase," "map the architecture," "show the data flow," "give me an ERD," "trace control flow," "find the integration points," "verify the layout pattern," "audit the UX architecture," or any similar request whose primary deliverable is mermaid diagrams plus cited reports under docs/architecture/. Dispatches haiku/sonnet sub-agents in parallel for per-mode exploration, then verifies every citation mechanically before any node lands in a diagram. Not for one-off prose explanations of code (use code-explanation) or for high-level system design from scratch (use system-design).
mcp
IncludedModel Context Protocol (MCP) server development and tool management. Languages: Python, TypeScript. Capabilities: build MCP servers, integrate external APIs, discover/execute MCP tools, manage multi-server configs, design agent-centric tools. Actions: create, build, integrate, discover, execute, configure MCP servers/tools. Keywords: MCP, Model Context Protocol, MCP server, MCP tool, stdio transport, SSE transport, tool discovery, resource provider, prompt template, external API integration, Gemini CLI MCP, Claude MCP, agent tools, tool execution, server config. Use when: building MCP servers, integrating external APIs as MCP tools, discovering available MCP tools, executing MCP capabilities, configuring multi-server setups, designing tools for AI agents.
react-native-skia
IncludedDesign, build, debug, and optimise high-polish animated graphics in React Native or Expo using @shopify/react-native-skia, Reanimated, and Gesture Handler. Use when the user wants canvas-driven UI, shaders, paths, rich text, image filters, sprite fields, Skottie, video frames, snapshots, web CanvasKit setup, or performance tuning for custom motion-heavy elements such as loaders, hero art, cards, charts, progress indicators, particle systems, or gesture-driven surfaces. Also use when the user asks for fluid, glow, glass, blob, parallax, 60fps/120fps, or GPU-friendly animated effects in React Native, even if they do not explicitly say "Skia". Do not use for ordinary form/layout work with standard views.
plaid
IncludedProduct Led AI Development — guides founders from idea to launched product. Six capabilities: Idea (discover a product idea), Validate (pressure-test the idea against fatal flaws, problem reality, competition, and 2-week MVP feasibility), Plan (vision intake + document generation), Design (translate image references into a design.md spec), Launch (go-to-market strategy), and Build (roadmap execution). Use when someone says "PLAID", "plaid idea", "help me find an idea", "product idea", "idea from my business", "idea from my expertise", "plaid validate", "validate my idea", "pressure-test", "is this idea good", "find fatal flaws", "validate the problem", "plan a product", "define my vision", "generate a PRD", "product strategy", "plaid design", "design from image", "translate image to design", "create design.md", "extract design tokens", "plaid launch", "go-to-market", "launch plan", "GTM strategy", "launch playbook", "plaid build", "build the app", "start building", or "execute the roadmap".
nextjs-framer-motion-animations
IncludedAdds production-safe Motion for React or Framer Motion animations to Next.js apps, including reveal, hover and tap micro-interactions, whileInView, stagger, AnimatePresence, layout and layoutId transitions, reorder, scroll-linked UI, and lightweight route-content transitions. Use when the user asks to add, refactor, or debug Motion or Framer Motion in App Router or Pages Router codebases, especially around server/client boundaries, reduced motion, LazyMotion, bundle size, hydration, or route transitions. Avoid for GSAP-style timelines, WebGL or 3D scenes, heavy scroll storytelling, or CSS-only effects unless Motion is explicitly requested.