TIKAZ中文
← Back to the 30-Skill catalog

🎨 Independently installable TIKAZ Skill

frontend-design

Orchestrate product-aware frontend art direction, implementation, responsive QA, code impact analysis, and engineering handoff.

Workflow group: Frontend DesignOrchestrator

Evidence and core advantages

4 surface modesMarketing, product, editorial, and operational interfaces use different design rules.
Desktop + mobile proofResponsive behavior is rendered and inspected instead of inferred from source code.
Design-to-code ownershipOne workflow owns art direction, implementation, QA, and engineering handoff.

These are inspectable workflow properties and quality gates, not untested performance percentages.

01

What it owns

Orchestrate product-aware frontend art direction, implementation, responsive QA, code impact analysis, and engineering handoff.

02

When to use it

Install and invoke this Skill directly when its named capability is the complete task. Use the suite orchestrator when the outcome crosses multiple capabilities.

03

Install independently

Copy only this Skill folder. No sibling Skill is required. Keep the destination folder identical to the Skill name.
Copy-Item -Recurse -LiteralPath '.\suites\frontend-design' -Destination '.\.agents\skills\frontend-design'

04

Try it directly

Use frontend-design to redesign this operations dashboard, approve a desktop/mobile proof first, then implement and verify the responsive states.

05

Execution contract

The single English execution source owns inputs, outputs, validation, fallback, and limits. User documentation never creates a second executable rule set.Open the execution source ↗

Skills in this group

frontend-designfrontend-design-studio