免费在 GitHub 公开

cxc-dev-frontend

Use for frontend code and UI fixes. Triggers: CSS, responsive, animation, React, Vue, Svelte, Tailwind, redesign, anti-slop, 프론트엔드, UI 작업, 반응형, 디자인 수정.

中文简介正在准备中。当前显示原文说明。

lidge-jun/codexclaw

查看安装方法

包含的文件（56）

SKILL.md3.9 KB
agents/openai.yaml169 B
examples/README.md2.6 KB
references/core/a11y-patterns.md5.7 KB
references/core/aesthetics.md16.9 KB
references/core/anti-slop-enforcement.md6.0 KB
references/core/anti-slop.md27.1 KB
references/core/asset-requirements.md24.3 KB
references/core/backend-contracts.md1.9 KB
references/core/brand-asset-sourcing.md4.0 KB
references/core/color-system.md5.7 KB
references/core/consistency-locks.md850 B
references/core/content-surface-pipeline.md7.2 KB
references/core/crud-ui.md2.5 KB
references/core/design-intake.md4.4 KB
references/core/dropdown-layer.md5.8 KB
references/core/i18n-global.md3.1 KB
references/core/implementation.md4.1 KB
references/core/iterative-design.md4.4 KB
references/core/korea-2026.md8.7 KB
references/core/layout-discipline.md10.6 KB
references/core/liquid-glass.md8.5 KB
references/core/logo-sections.md5.5 KB
references/core/mobile-ux.md6.1 KB
references/core/motion.md41.4 KB
references/core/performance-budget.md4.4 KB
references/core/platform-runtime.md4.9 KB
references/core/preflight-full.md3.6 KB
references/core/product-density.md1.9 KB
references/core/prototype-variants.md2.2 KB
references/core/reference-capture.md5.5 KB
references/core/render-grounding.md494 B
references/core/responsive-viewport.md5.4 KB
references/core/role-boundaries.md1.0 KB
references/core/routing-defaults.md943 B
references/core/section-level-sourcing.md8.7 KB
references/core/seo-baseline.md4.4 KB
references/core/soft-3d-asset-gates.md2.1 KB
references/core/theme-switching.md2.1 KB
references/core/token-source-divergence.md5.2 KB
references/core/top-bar.md5.5 KB
references/core/topic-index.md7.5 KB
references/core/typography-wrapping.md9.3 KB
references/core/ux-writing-ko.md2.3 KB
references/core/visual-verification.md7.2 KB
references/stack-index.md1.3 KB
references/stacks/astro.md8.1 KB
references/stacks/mobile-native.md10.9 KB
references/stacks/nextjs.md5.7 KB
references/stacks/react.md8.6 KB
references/stacks/svelte.md8.4 KB
references/stacks/vanilla.md5.1 KB
scripts/bundle-artifact.sh1.5 KB
scripts/init-artifact.sh6.8 KB
scripts/README.md1.6 KB
scripts/shadcn-components.tar.gz19.5 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

Dev-Frontend — Domain-Correct Frontend Engineering

Build production-grade frontend implementations from an established product/design direction. This skill owns HTML/CSS/component/runtime implementation, responsive behavior, accessibility wiring, visual verification, and frontend platform rules.

Before selecting depth or claiming completion, read dev and its verification gate. For current/external evidence, use dev’s conditional routes.

Modular References

Condition	Reference
Every frontend change: role boundary	Role boundaries
Before designing or coding: surface defaults	Routing defaults
C2 list/detail/form screens	CRUD UI
Marketing/visual surfaces or C3+: choose topic/locale references	Core topic index
Framework implementation or configuration	Stack index
Components, direction intake, dials or objective/style classification	Design intake
Typography, color, layout, assets, icons or cutouts	Implementation
New/redesigned surfaces or visual audits	Anti-slop enforcement
Performance, accessibility, forms, state, platform or errors	Platform and runtime
API consumption, security UI or contract fixtures	Backend contracts
Any render/executable frontend artifact	Verification grounding
Before shipping a production frontend surface at C2+	Full pre-flight

Start with references/core/anti-slop.md, references/core/aesthetics.md, references/core/responsive-viewport.md, and references/core/visual-verification.md. Add domain/locale/stack references only when relevant. For C2 ordinary app screens (form/table/list/detail), references/core/crud-ui.md alone suffices; add the style references above for marketing/visual surfaces or C3+ work.

UI/rendering bug RCA: load dev-debugging.
Build pipeline, bundle config, or deployment: load dev-devops.
Project setup or file placement conventions: load dev-scaffolding.
Data-driven dashboards, reporting views, or data format expectations: load dev-data.

0. Frontend Routing

Before designing or coding, classify the work:

Decision	Options	Why It Matters
Product surface	landing, app, dashboard, AI tool, public service, education, game, creative	Sets density, typography scale, asset requirements
Locale	Korean-first, global/i18n, English-only	Sets CJK typography, copy, date/number formats
Density	campaign, consumer app, productivity, SaaS, ops, finance, developer console	Prevents landing-page composition inside repeated-work tools
Asset need	none, screenshot, product photo, diagram, chart, illustration, soft 3D, game asset	Prevents asset-free gradient/card UI
Soft 3D/character gate	not allowed, subtle, primary	Prevents generic cute 3D/mascot slop
Motion intensity	static, feedback-only, expressive, cinematic	Prevents cinematic motion in utility workflows

评价

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

同一仓库的技能

cxc-ast-grep

免费

Use for AST search and codemods. Triggers: ast-grep, sg, function/call/class/import, empty catch, missing await, YAML rules.

中文简介正在准备中。当前显示原文说明。