[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-92653":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":9,"languages":9,"totalLinesOfCode":9,"stars":10,"forks":11,"watchers":12,"openIssues":11,"contributorsCount":11,"subscribersCount":11,"size":11,"stars1d":11,"stars7d":11,"stars30d":13,"stars90d":11,"forks30d":11,"starsTrendScore":11,"compositeScore":14,"rankGlobal":9,"rankLanguage":9,"license":15,"archived":16,"fork":16,"defaultBranch":17,"hasWiki":18,"hasPages":16,"topics":19,"createdAt":9,"pushedAt":9,"updatedAt":20,"readmeContent":21,"aiSummary":22,"trendingCount":11,"starSnapshotCount":11,"syncStatus":23,"lastSyncTime":24,"discoverSource":25},92653,"frontend-ui-standards-skill","MaxHan7\u002Ffrontend-ui-standards-skill","MaxHan7","Codex skill for design-system-first frontend UI implementation",null,189,0,138,29,42.9,"MIT License",false,"main",true,[],"2026-07-22 04:02:06","# Frontend UI Standards Skill\n\nA Codex skill for implementing, refactoring, and reviewing frontend UI with design-system discipline.\n\nIt helps agents avoid common UI implementation drift:\n\n- scattered hardcoded values\n- one-off layout patches\n- duplicated button\u002Fcard\u002Fchip implementations\n- typography and spacing inconsistency\n- Figma-to-code copies that ignore reusable components\n- mobile safe-area and touch-target mistakes\n\nThe skill is framework-agnostic. It can be used with SwiftUI, React, React Native, Flutter, web apps, and mobile apps.\n\n## What It Covers\n\n- Design tokens and semantic metrics\n- Component reuse and variants\n- Figma\u002FSVG\u002Fscreenshot-to-code workflows\n- Typography hierarchy and truncation strategy\n- Layout, spacing, safe areas, and touch targets\n- Review checklists for production UI quality\n\n## Installation\n\nClone this repository:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FMaxHan7\u002Ffrontend-ui-standards-skill.git\n```\n\nCopy the skill folder into your Codex skills directory:\n\n```bash\nmkdir -p ~\u002F.codex\u002Fskills\ncp -R frontend-ui-standards-skill\u002Ffrontend-ui-standards ~\u002F.codex\u002Fskills\u002F\n```\n\nRestart Codex if your client does not auto-refresh installed skills.\n\n## Usage\n\nMention the skill explicitly when working on UI:\n\n```text\nUse $frontend-ui-standards to review this SwiftUI screen for design-system consistency.\n```\n\n```text\nUse $frontend-ui-standards to implement this Figma component with reusable tokens and component metrics.\n```\n\n```text\nUse $frontend-ui-standards to refactor these duplicated card styles into a shared component.\n```\n\nThe skill can also be invoked implicitly by compatible Codex clients when the task involves frontend UI implementation, visual consistency, design tokens, Figma-to-code work, or component reuse.\n\n## Included Skill\n\n```text\nfrontend-ui-standards\u002F\n├── SKILL.md\n└── agents\u002F\n    └── openai.yaml\n```\n\n`SKILL.md` contains the agent-facing workflow and review standards.\n\n`agents\u002Fopenai.yaml` contains UI metadata for Codex clients that display skill chips or default prompts.\n\n## Philosophy\n\nUI code should preserve a design system, not just match one screenshot.\n\nThe core implementation model is:\n\n1. global design tokens\n2. component-specific metrics\n3. screen-specific layout metrics\n\nView code should describe structure and state. It should not hide raw design math in the body.\n\n## License\n\nMIT\n","这是一个面向设计系统规范的前端UI实现辅助技能，专为Codex平台开发，用于指导、审查和重构符合设计系统标准的UI代码。核心功能包括设计令牌管理、组件复用与变体控制、Figma\u002FSVG\u002F截图转代码支持、排版与间距一致性保障、安全区域与触摸目标校验，并提供生产级UI质量审查清单。项目框架无关，兼容SwiftUI、React、Flutter等主流前端技术栈。适用于需要长期维护UI一致性、推进设计系统落地的设计驱动型开发团队及自动化UI工程实践场景。",2,"2026-07-10 02:30:03","CREATED_QUERY"]