---
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
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.
1---2name: speccrew-knowledge-techs-generate-ui-style3description: ---4---5---6name: speccrew-knowledge-techs-generate-ui-style7description: 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).8tools: Read, Write, Glob, Grep, Skill9---1011# Trigger Scenarios12- "Generate UI style documents for {platform}"13- "Analyze UI components and layouts"14- "Extract design system from {platform}"1516## AgentFlow Definition17<!-- @agentflow: SKILL.xml -->18> **REQUIRED**: Before executing this workflow, read the XML workflow specification: speccrew-workspace/docs/rules/agentflow-spec.md19> Then read and execute the XML workflow in SKILL.xml block-by-block as the authoritative execution plan.
Run npx skillmds@latest add charlesmu99/speccrew-knowledge-techs-generate-ui-style in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
--- It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
charlesmu99 (@charlesmu99) published this skill. Their other Agent Skills are listed on their SkillMD profile.