Not in the top 1,000 by GitHub stars
MaxHan7/frontend-ui-standards-skill
Codex skill for design-system-first frontend UI implementation
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
frontend-ui-standards/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
0609cb07793e → 0609cb07793e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 0609cb07793e
No earlier version was observed for comparison.
Heat
1.8- Star growth, last 7 daysNot available
- Star growth, last 24 hoursNot available
- Rank movement, last 7 daysNot available
- Commits, last 30 daysNot available
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekNot available
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
30-day change not yet available: not enough history.
Individual skills in this repository
- frontend-ui-standards
frontend-ui-standards
How it works
frontend-ui-standards
When your agent uses it
Use when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps. Applies to Figma-to-code work, visual consistency fixes, design tokens, typography, spacing, layout, buttons, cards, navigation chrome, safe areas, responsive behavior, and component reuse. Helps prevent scattered hardcoded values, one-off layout patches, duplicated components, and UI drift from the design system.
What it loads into context
Frontmatter
99 tokensAlways available to the agent
SKILL.md
1,980 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Purpose
- When To Use
- Core Principle
- Implementation Workflow
- Token And Metrics Rules
- Component Reuse Rules
- Figma-To-Code Rules
- Typography Rules
- Layout And Spacing Rules
- Interaction Rules
- Review Checklist
- Common Anti-Patterns
- When A Local Exception Is Acceptable
Files
SKILL.mdcore9,746 bytesSKILL.mdcore9,746 bytesagents/openai.yamlasset303 bytes
Read SKILL.md
# Frontend UI Standards
## Purpose
Use this skill to turn UI work into systematic frontend implementation. The goal is not pixel tweaking. The goal is to preserve a design system in code so future changes stay predictable, reusable, and visually consistent.
This skill is framework-agnostic. Translate the rules to the local stack:
- SwiftUI: design tokens as enums/static constants, reusable `View`s, semantic metrics.
- React/Web: CSS variables, design-token modules, component props/variants.
- React Native/Flutter: theme objects, shared components, semantic dimensions.
## When To Use
Skills included
- frontend-ui-standards
Repository facts
- License
- MIT
- Created
- Jun 27, 2026
- Last pushed
- Jun 27, 2026
- Forks
- 1
- Open issues
- 0
- Project activity
- Slowing
Before you install
Instructions onlyAutomated signals, not a guarantee
Checked Nov 4, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 1 note
frontend-ui-standards/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzed
- No broad tool permissions
- No dangerous shell commands
- No network access
- No hidden or obfuscated text
- No instruction overrides
- No executable scripts
- No access to secrets
- No requests to vote in Hot
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
No combined signals at this commit.
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Compatible | Standard SKILL.md frontend-ui-standards/SKILL.md | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md frontend-ui-standards/SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md frontend-ui-standards/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md frontend-ui-standards/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md frontend-ui-standards/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md frontend-ui-standards/SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
