免费在 GitHub 公开

tidyfactor-design

Code-native UI design lifecycle engine (Figma alternative) with Contextual Decision Layer (CDL). Supports all 7 design stages with zero per-page CSS/JS and pluggable CSS foundations (Native, Tailwind, daisyUI, Pico, Hybrid). Trigger on commands 'brief', 'study', 'init', 'brand', 'tokens', 'palette', 'layout', 'components', 'page', 'dashboard', 'motion', 'i18n', 'audit', 'deploy', or design system requests.

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

TidyFactor/Design

集成工具Figma

查看安装方法

包含的文件（200）

SKILL.md5.3 KB
.agents/skills/tidyfactor-design/references/commands/_template.md866 B
.agents/skills/tidyfactor-design/references/commands/assets.md1.7 KB
.agents/skills/tidyfactor-design/references/commands/audit.md672 B
.agents/skills/tidyfactor-design/references/commands/brand.md4.2 KB
.agents/skills/tidyfactor-design/references/commands/brief.md5.2 KB
.agents/skills/tidyfactor-design/references/commands/clone.md1.6 KB
.agents/skills/tidyfactor-design/references/commands/components.md2.5 KB
.agents/skills/tidyfactor-design/references/commands/dashboard.md2.1 KB
.agents/skills/tidyfactor-design/references/commands/deploy.md1.9 KB
.agents/skills/tidyfactor-design/references/commands/flow.md2.1 KB
.agents/skills/tidyfactor-design/references/commands/handoff.md2.3 KB
.agents/skills/tidyfactor-design/references/commands/i18n.md3.1 KB
.agents/skills/tidyfactor-design/references/commands/init.md814 B
.agents/skills/tidyfactor-design/references/commands/layout.md3.9 KB
.agents/skills/tidyfactor-design/references/commands/motion.md3.3 KB
.agents/skills/tidyfactor-design/references/commands/nav-footer.md3.6 KB
.agents/skills/tidyfactor-design/references/commands/page.md2.1 KB
.agents/skills/tidyfactor-design/references/commands/palette.md1.9 KB
.agents/skills/tidyfactor-design/references/commands/perf.md2.7 KB
.agents/skills/tidyfactor-design/references/commands/retrofit.md638 B
.agents/skills/tidyfactor-design/references/commands/school.md2.3 KB
.agents/skills/tidyfactor-design/references/commands/states.md2.1 KB
.agents/skills/tidyfactor-design/references/commands/study.md4.2 KB
.agents/skills/tidyfactor-design/references/commands/tokens.md2.1 KB
.agents/skills/tidyfactor-design/references/commands/typography.md4.4 KB
.agents/skills/tidyfactor-design/references/memory/architecture.md1.5 KB
.agents/skills/tidyfactor-design/references/memory/foundations.md2.5 KB
.agents/skills/tidyfactor-design/references/memory/philosophy.md1.1 KB
.agents/skills/tidyfactor-design/references/workflows/audit-prototype.md1.7 KB
.agents/skills/tidyfactor-design/references/workflows/clone-prototype.md2.3 KB
.agents/skills/tidyfactor-design/references/workflows/init-prototype.md1.8 KB
.agents/skills/tidyfactor-design/references/workflows/retrofit-prototype.md1016 B
.agents/skills/tidyfactor-design/SKILL.md5.7 KB
.claude-skill/references/commands/_template.md866 B
.claude-skill/references/commands/assets.md1.7 KB
.claude-skill/references/commands/audit.md672 B
.claude-skill/references/commands/brand.md4.2 KB
.claude-skill/references/commands/brief.md5.2 KB
.claude-skill/references/commands/clone.md1.6 KB
.claude-skill/references/commands/components.md2.5 KB
.claude-skill/references/commands/dashboard.md2.1 KB
.claude-skill/references/commands/deploy.md1.9 KB
.claude-skill/references/commands/flow.md2.1 KB
.claude-skill/references/commands/handoff.md2.3 KB
.claude-skill/references/commands/i18n.md3.1 KB
.claude-skill/references/commands/init.md814 B
.claude-skill/references/commands/layout.md3.9 KB
.claude-skill/references/commands/motion.md3.3 KB
.claude-skill/references/commands/nav-footer.md3.6 KB
.claude-skill/references/commands/page.md2.1 KB
.claude-skill/references/commands/palette.md1.9 KB
.claude-skill/references/commands/perf.md2.7 KB
.claude-skill/references/commands/retrofit.md638 B
.claude-skill/references/commands/school.md2.3 KB
.claude-skill/references/commands/states.md2.1 KB
.claude-skill/references/commands/study.md4.2 KB
.claude-skill/references/commands/tokens.md2.1 KB
.claude-skill/references/commands/typography.md4.4 KB
.claude-skill/SKILL.md5.7 KB
.github/CODE_OF_CONDUCT.md2.1 KB
.github/CONTRIBUTING.md1.5 KB
.github/dependabot.yml373 B
.github/ISSUE_TEMPLATE/bug_report.yml1.6 KB
.github/ISSUE_TEMPLATE/config.yml377 B
.github/ISSUE_TEMPLATE/feature_request.yml1.0 KB
.github/PULL_REQUEST_TEMPLATE.md725 B
.github/SECURITY.md1.1 KB
.github/workflows/ci.yml864 B
.github/workflows/release.yml1.1 KB
.gitignore387 B
.tidyfactor1.0 KB
AGENTS.md7.4 KB
assets/blog.png1.5 MB
assets/content_layout.png53.7 KB
assets/content_output.png1.5 MB
assets/dark.png1.5 MB
assets/dashboard_layout.png55.0 KB
assets/dashboard_output.png1.5 MB
assets/ecommerce_layout.png51.9 KB
assets/ecommerce_output.png1.5 MB
assets/github-social-preview-2.png1.0 MB
assets/github-social-preview.png999.1 KB
assets/hero-banner.png240.7 KB
assets/light.png1.5 MB
assets/media_layout.png55.6 KB
assets/media_output.png1.7 MB
assets/og-default.png240.7 KB
assets/video.png1.7 MB
bin/add-skill.js3.3 KB
bin/create-kit.js12.8 KB
bin/remove-skill.js4.8 KB
brand.json7.4 KB
brand.yaml5.8 KB
CHANGELOG.md27.7 KB
docs/COMMANDS.ar.md13.2 KB
docs/COMMANDS.md8.9 KB
docs/GUIDE.ar.md13.3 KB
docs/GUIDE.md9.9 KB
LICENSE796 B
manifest.json6.1 KB
memory/01-design-schools.md5.0 KB
memory/02-design-tokens.md1.9 KB
memory/03-narrative-conversion.md2.3 KB
memory/04-motion-principles.md2.0 KB
memory/05-component-anatomy.md1.8 KB
memory/06-quality-bar.md7.3 KB
memory/07-consistency-contract.md1.7 KB
memory/08-arabic-bilingual.md2.5 KB
memory/09-prototype-flow.md1.7 KB
memory/10-python-tooling.md2.5 KB
memory/11-brand-json-v2.md3.9 KB
memory/12-typography-matrix.md2.1 KB
memory/13-layout-archetypes.md2.0 KB
memory/14-nav-footer-catalog.md1.9 KB
memory/15-performance-budget.md961 B
memory/16-design-movements-guide.md40.8 KB
memory/17-storytelling-industries-ux.md9.4 KB
memory/18-design-decision-engine.md6.2 KB
package.json1.5 KB
publish_npm.py427 B
README.ar.md50.6 KB
README.de.md5.9 KB
README.es.md6.4 KB
README.fa.md8.1 KB
README.fr.md6.4 KB
README.md33.3 KB
README.pt.md6.1 KB
README.zh.md5.9 KB
references/commands/_template.md866 B
references/commands/assets.md1.7 KB
references/commands/audit.md672 B
references/commands/brand.md4.3 KB
references/commands/brief.md5.2 KB
references/commands/clone.md1.6 KB
references/commands/components.md2.5 KB
references/commands/dashboard.md2.1 KB
references/commands/deploy.md1.9 KB
references/commands/flow.md2.1 KB
references/commands/handoff.md2.7 KB
references/commands/i18n.md3.1 KB
references/commands/init.md814 B
references/commands/layout.md3.9 KB
references/commands/motion.md3.3 KB
references/commands/nav-footer.md3.6 KB
references/commands/page.md2.1 KB
references/commands/palette.md1.9 KB
references/commands/perf.md2.7 KB
references/commands/retrofit.md638 B
references/commands/school.md2.3 KB
references/commands/states.md2.1 KB
references/commands/study.md4.2 KB
references/commands/tokens.md2.1 KB
references/commands/typography.md4.4 KB
references/foundations/daisyui.md2.4 KB
references/foundations/hybrid.md1.5 KB
references/foundations/native.md1.5 KB
references/foundations/tailwind-utility.md1.8 KB
references/memory/01-design-schools.md5.7 KB
references/memory/02-design-tokens.md2.3 KB
references/memory/03-narrative-conversion.md2.3 KB
references/memory/04-motion-principles.md4.3 KB
references/memory/05-component-anatomy.md3.9 KB
references/memory/06-quality-bar.md17.1 KB
references/memory/07-consistency-contract.md1.7 KB
references/memory/08-arabic-bilingual.md3.4 KB
references/memory/09-prototype-flow.md1.8 KB
references/memory/10-python-tooling.md2.4 KB
references/memory/11-brand-json-v2.md4.5 KB
references/memory/12-typography-matrix.md2.1 KB
references/memory/13-layout-archetypes.md2.0 KB
references/memory/14-nav-footer-catalog.md4.6 KB
references/memory/15-performance-budget.md997 B
references/memory/16-design-movements-guide.md40.8 KB
references/memory/17-storytelling-industries-ux.md9.4 KB
references/memory/18-design-decision-engine.md6.3 KB
references/memory/19-heritage-lanes-atmosphere.md6.4 KB
references/memory/20-brain-baas-integration.md4.2 KB
references/memory/21-eyebrow-kicker-matrix.md3.5 KB
references/memory/22-hero-section-matrix.md18.2 KB
references/memory/23-card-architecture-matrix.md11.8 KB
references/memory/24-button-cta-matrix.md7.7 KB
references/memory/25-divider-separator-matrix.md17.8 KB
references/memory/26-metrics-stat-matrix.md6.1 KB
references/memory/27-list-indicator-matrix.md6.3 KB
references/memory/28-shared-motion-primitives.md13.7 KB
references/memory/architecture.md1.9 KB
references/memory/decision-points.md7.0 KB
references/memory/foundations.md885 B
references/memory/philosophy.md3.3 KB
references/schemas/audit_design.output.schema.json1.5 KB
references/schemas/brand.schema.json1.1 KB
references/workflows/audit-prototype.md739 B
references/workflows/brief.md4.3 KB
references/workflows/clone-prototype.md856 B
references/workflows/init-prototype.md887 B
references/workflows/retrofit-prototype.md788 B
requirements.txt183 B
scripts/__pycache__/_utils.cpython-312.pyc2.9 KB
scripts/_utils.py1.9 KB

SKILL.md（原文）

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

TidyFactor Design (Code-Native UI Design Lifecycle Engine)

A command dispatcher supporting the full UI design lifecycle—from discovery through developer handoff—with zero build steps and complete design system consistency.

Commands

User intent	Command	What it loads
Strategic Discovery & Brief Resolution	`references/commands/brief.md`	`workflows/brief.md` + `memory/decision-points.md` + `memory/06-quality-bar.md`
Extract design DNA from reference	`references/commands/study.md`	`commands/study.md` + `memory/01-design-schools.md` + `memory/06-quality-bar.md`
Start brand-new design system / prototype	`references/commands/init.md`	`workflows/init-prototype.md` + `memory/architecture.md` + `memory/foundations.md`
Scaffold or manage brand tokens (YAML / JSON)	`references/commands/brand.md`	`commands/brand.md` + `memory/11-brand-json-v2.md`
Mood-routed typography pairing	`references/commands/typography.md`	`commands/typography.md` + `memory/12-typography-matrix.md`
Select design school & movement	`references/commands/school.md`	`commands/school.md` + `memory/01-design-schools.md`
Design tokens, palette & color extraction	`references/commands/tokens.md`	`commands/tokens.md` + `memory/02-design-tokens.md`
Asset hygiene, media & image optimization	`references/commands/assets.md`	`commands/assets.md` + `memory/10-python-tooling.md`
Macrostructure layout archetype selection	`references/commands/layout.md`	`commands/layout.md` + `memory/13-layout-archetypes.md`
Navigation (N1-N9) & Footer (Ft1-Ft8) systems	`references/commands/nav-footer.md`	`commands/nav-footer.md` + `memory/14-nav-footer-catalog.md`
Add content/marketing page or app screen	`references/commands/page.md`	`workflows/init-prototype.md` + `memory/05-component-anatomy.md`
Manage shared UI components & 8-state catalog	`references/commands/components.md`	`commands/components.md` + `memory/05-component-anatomy.md`
Core Component Matrices (Eyebrow, Hero, Cards, CTA, Seams, Metrics)	`references/commands/components.md`	`memory/21-eyebrow-kicker-matrix.md` through `28-shared-motion-primitives.md`
Shared animations, scroll & motion recipes	`references/commands/motion.md`	`commands/motion.md` + `memory/04-motion-principles.md` + `memory/28-shared-motion-primitives.md`
Interactive prototype navigation flow	`references/commands/flow.md`	`commands/flow.md` + `memory/09-prototype-flow.md`
Arabic/RTL localization & bidirectional UI	`references/commands/i18n.md`	`commands/i18n.md` + `memory/08-arabic-bilingual.md`
Asset performance budget & size verification	`references/commands/perf.md`	`commands/perf.md` + `memory/15-performance-budget.md`
Structural consistency audit & quality bar	`references/commands/audit.md`	`workflows/audit-prototype.md` + `memory/06-quality-bar.md`
Extract design system from external URL/clone	`references/commands/clone.md`	`workflows/clone-prototype.md` + `memory/03-narrative-conversion.md`
Unify drifted prototype under design system	`references/commands/retrofit.md`	`workflows/retrofit-prototype.md` + `memory/07-consistency-contract.md`
Developer handoff specs & CSS variable map	`references/commands/handoff.md`	`commands/handoff.md` + `memory/11-brand-json-v2.md`
Local preview and static deployment	`references/commands/deploy.md`	`commands/deploy.md` + `memory/06-quality-bar.md`

Read only the command file that matches the request. Do not load all commands simultaneously.

Non-Negotiable Invariants

Contextual Decision Layer (CDL): Resolve design baselines via /brief or .tidyfactor/design-brief.md before emitting code.
Zero per-page CSS/JS: Every visual token and component style lives inside design-system/. Pages contain markup only.
Single CSS Foundation: Lock Native, Tailwind, daisyUI, Pico, or Hybrid once per project; never mix foundations.
Typography Discipline: Arabic display headings use El Messiri, body copy uses Tajawal. Never use Amiri for headings above 24px.
7-Axis Pre-Emit Critique: All components and layouts must be evaluated with /* Pre-emit critique: P5 H5 E5 S5 R5 V5 D5 */.

Tooling Scope (Rule 10)

Languages: Python 3 (stdlib, Pillow, rembg)
Mutations: Read-only audits (audit_design), palette token generation (extract_palette), image optimization (optimize_media)
Network: None required (100% offline deterministic execution)

Skill vs MCP Boundary (Rule 12)

Inside Skill: Static design tokens, typography pairings, layout archetypes, component matrices (21–28), and zero-build CSS templates.
MCP Layer: Companion MCP tools invocable via tidyfactor-brain's run_skill_tool(skill_id="tidyfactor-design", ...); live remote asset scraping and database operations delegate to external MCP servers.

评价

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

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

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

同一仓库的技能

tidyfactor-design

免费

TidyFactor Design track — code-native UI design lifecycle engine (Figma alternative). Supports all 7 stages of UI design (Discovery, Foundation, Architecture, Components, Motion, Quality, Delivery) with zero per-page CSS/JS and zero build step. Pluggable CSS foundations (Native, Tailwind utility-first, daisyUI, Hybrid, shadcn, Pico, Bootstrap, Alpine) and full Arabic/RTL support (El Messiri/Tajawal, never Amiri above 24px). Trigger on commands "study", "brief", "init", "brand", "typography", "school", "tokens", "palette", "assets", "layout", "nav-footer", "components", "page", "dashboard", "motion", "states", "flow", "i18n", "perf", "audit", "clone", "retrofit", "handoff", "deploy", or requests like "build a design system", "UI design lifecycle", "prototype this website", "Figma alternative", "نموذج أولي تفاعلي", "صمّم لوحة تحكم".

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

TidyFactor/Design72026年9月5日更新

查看 TidyFactor 的全部技能

报告此技能的问题

安装

用命令安装

npx skills add https://github.com/TidyFactor/Design --skill tidyfactor-design

粘贴到终端中运行（需要 Node.js）。可以选择安装到 Claude Code、Codex 等代理。

让代理安装

请安装以下 Agent Skill。
https://github.com/TidyFactor/Design

请先检查 SKILL.md 和附带文件的内容，确认没有可疑的处理（向外部发送数据、读取认证信息等）后，再放到 ~/.claude/skills/tidyfactor-design/（Claude Code）或 ~/.agents/skills/tidyfactor-design/（Codex）。

把这段文字直接发给 Claude Code 或 Codex，它会先检查内容再安装。

在 GitHub 查看源代码

仓库: TidyFactor/Design
星标: 7
复刻: 0
分类: 设计
原文语言: 英语
最后更新: 2026年9月5日

技能是给 AI 代理的指令和脚本的集合。cccskills 不保证其内容的安全性，安装前请务必确认内容。