🎨 Independently installable TIKAZ Skill

frontend-design-studio

Direct, design, implement, animate, critique, audit, polish, and deploy distinctive production frontend interfaces for websites, landing pages, web apps, dashboards, mobile concepts, and desktop shells.

Workflow group: Frontend DesignSpecialist Skill

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.

What it owns

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.

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\frontend-design-studio' -Destination '.\.agents\skills\frontend-design-studio'

Try it directly

Use frontend-design-studio to redesign this dashboard, approve one desktop/mobile representative proof, then implement and verify critical states.

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-design frontend-design-studio