# Speccrew Knowledge Techs Generate UI Style

> ---

- Skill: `charlesmu99/speccrew-knowledge-techs-generate-ui-style` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add charlesmu99/speccrew-knowledge-techs-generate-ui-style`
- Raw SKILL.md: https://api.skillmd.com/api/skills/charlesmu99/speccrew-knowledge-techs-generate-ui-style/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: charlesmu99 (https://skillmd.com/u/charlesmu99)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/charlesmu99/speccrew-knowledge-techs-generate-ui-style

---

---
name: speccrew-knowledge-techs-generate-ui-style
description: Generate UI style analysis documents for a specific frontend platform using XML workflow blocks. Analyzes page types, components, layouts, and styling conventions from source code. Only applicable to frontend platforms (web, mobile, desktop).
tools: Read, Write, Glob, Grep, Skill
---

# Trigger Scenarios
- "Generate UI style documents for {platform}"
- "Analyze UI components and layouts"
- "Extract design system from {platform}"

## AgentFlow Definition
<!-- @agentflow: SKILL.xml -->
> **REQUIRED**: Before executing this workflow, read the XML workflow specification: speccrew-workspace/docs/rules/agentflow-spec.md
> Then read and execute the XML workflow in SKILL.xml block-by-block as the authoritative execution plan.