Individual skill

fec-ui-design

Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinctive visual identity, anti-generic interface choices, first-screen hierarchy, UI polish, chart UX, interaction states, responsive behavior, or visual QA. Interface polishing, interactive state.

skills/fec-ui-design/SKILL.md

Read pinned source

Source commit 5d44782572025045a552ff8945b354726eb5d183

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: No
Skill scan complete: No
Observed behavior: Not checked yet
Last checked: Nov 7, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 23
Repository last updated: Nov 8, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

claude-code Repository topic
claude-code-plugin Repository topic
claude-code-skills Repository topic
e2e-tests Repository topic
fronend-development Repository topic
frontend-plugin Repository topic
frontend-project Repository topic
react Repository topic
typescript Repository topic
vue3 Repository topic
design Derived category
design-interface Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 13,467 bytes
SKILL.mdcore · 13,467 bytes
data/product-rules.jsonasset · 6,228 bytes
data/stack-ui-rules.jsonasset · 2,642 bytes
data/style-archetypes.jsonasset · 6,919 bytes
data/ux-quality-rules.jsonasset · 4,860 bytes
references/design-intelligence.mddoc · 6,614 bytes
references/master-page-overrides.mddoc · 1,441 bytes
references/pre-delivery-checklist.mddoc · 2,744 bytes
scripts/design-system.mjsruns · 21,324 bytes

Read excerpt


#UI design

Suitable for UI tasks that require advancing the front-end interface to be "in line with the product context, scannable, trustworthy, recognizable, and stable in details". When systematic design suggestions are needed, load [design-intelligence.md](references/design-intelligence.md); when long-term precipitation of the design system is required, load [master-page-overrides.md](references/master-page-overrides.md); when doing UI/UX QA before going online, load [pre-delivery-checklist.md](references/pre-delivery-checklist.md).

The executable design system generator is located at [design-system.mjs](scripts/design-system.mjs), and its original knowledge package includes [product-rules.json](data/product-rules.json), [style-archetypes.json](data/style-archetypes.json), [ux-quality-rules.json](data/ux-quality-rules.json) and [stack-ui-rules.json](data/stack-ui-rules.json).

## Purpose

Establish design direction for pages, components, dashboards and tool interfaces, and complete implementable visual and interactive polish.

## Procedure

1. Clarify the work of the interface
   - Start by saying what task it helps the user accomplish, rather than choosing a color or layout first.