style-frontend-ui

Name: Style Frontend Ui
Author: willyu1007

// Implement and normalize UI styling within an existing design system using theme tokens, reusable style primitives, responsive rules, and accessibility checks. Primary intent: styling execution consistency; can follow frontend-design when a creative direction needs maintainable implementation.

Run Skill in Manus

$ git log --oneline --stat

stars:0

forks:0

updated:February 10, 2026 at 10:15

SKILL.md

readonly

name	style-frontend-ui
description	Implement and normalize UI styling within an existing design system using theme tokens, reusable style primitives, responsive rules, and accessibility checks. Primary intent: styling execution consistency; can follow frontend-design when a creative direction needs maintainable implementation.

style-frontend-ui (entry)

Canonical source: .ai/skills/frontend/styling/style-frontend-ui/

Open .ai/skills/frontend/styling/style-frontend-ui/SKILL.md and any supporting files referenced there (for example reference.md, examples.md, scripts/, templates/).

Note: The frontmatter above is identical to the canonical source except for ssot_path and category which are added for navigation. After opening the source file, skip re-reading the description to avoid redundant token usage.

related-skills.json

same repository

apply-frontend-common-patterns.md

from "willyu1007/The-UniAssist-Entrance-App"

Apply local React patterns (derived state, memoization, callback stability, controlled inputs) to improve predictability and render efficiency inside components. Primary intent: component-internal logic quality and render behavior; complements but does not replace routing/data/styling skills.

2026-02-100

apply-frontend-ui-guidelines.md

from "willyu1007/The-UniAssist-Entrance-App"

Orchestrate end-to-end frontend feature implementation across components, hooks, routing, data fetching, styling, and user-visible states with consistent architecture and verification. Primary intent: cross-cutting implementation alignment; pairs with specialized skills when one concern needs deeper treatment.

2026-02-100

build-react-components.md

from "willyu1007/The-UniAssist-Entrance-App"

Build or refactor React components with typed props, clear composition, and explicit interaction/loading/empty/error behavior. Primary intent: component contract and behavior correctness; pairs with styling or design-direction skills for visual decisions.

2026-02-100

frontend-design.md

from "willyu1007/The-UniAssist-Entrance-App"

Define and execute a distinctive visual direction for net-new UI or brand refresh work (art direction, typography, color, motion, composition), then deliver a polished reference implementation. Primary intent: creative design direction and visual differentiation; pairs well with style-frontend-ui and build-react-components for engineering hardening.

2026-02-100

handle-frontend-loading-and-errors.md

from "willyu1007/The-UniAssist-Entrance-App"

Implement resilient loading/empty/error/permission/retry UX states for async interfaces with user-safe messaging and recoverable flows. Primary intent: failure-state UX quality; pairs with component, data-fetching, and UI-guideline skills when needed.

2026-02-100

github-actions-ci.md

from "willyu1007/The-UniAssist-Entrance-App"

GitHub Actions CI skill: integrate automated tests (web/api/mobile/perf) with consistent artifacts.

2026-02-100

package.json