claude

aiwf-design

AIWF design-spec workflow: role routing, read-only Figma token sync and design application, planning traceability and design-spec lint

2 on GitHubby moonklabsv0.1.0Apache-2.0updated 1 month ago
/

Plugin aiwf-design from marketplace aiwf-plugins in moonklabs/aiwf. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (5)

  • apply

    Use when applying the Figma design (components, shell, chat UI) to the app code, Storybook, or current screens — "디자인 적용", "피그마대로 코드 맞춰", "컴포넌트를 피그마에 맞게", "Storybook 디자인 갱신" — especially when the request also mentions fixing Figma, a design conflict, or a deadline.

  • figma-sync

    Use when Figma variables, text styles, effect or paint styles changed and code tokens must match, when the project's Figma token check reports a mismatch, or when a Figma readback response came back cut off ("truncated to 20kb") — "피그마 색·텍스트 스타일 바뀜", "토큰 동기화", "readback".

  • review

    Use when reviewing or validating docs/design-spec before a commit or PR, after renaming a heading or moving a file there, when design-spec links or traceability rows may be stale, or when a document claims something about the Figma file — "디자인 스펙 점검", "design-spec 리뷰", "링크 확인", "lint".

  • trace

    Use when a use case, requirement (FR/NFR/C) or acceptance criterion changed and design may be affected, when a design decision differs from the planning documents, when a new design unit (flow, screen, chat element) appears, or after design was applied to code — "기획 변경 반영", "traceability", "대응표", "기

  • workflow

    Use when a request touches the design-spec workspace (docs/design-spec), the Figma design file, design tokens, or how planning (UC/FR) relates to design — including "디자인 스펙", "피그마", "디자인 시스템", "traceability", "디자인 적용", "토큰 동기화", "HANDOFF", "decisions" — and before deciding whether Figma may be writt

View source on GitHub

More from moonklabs/aiwf

All 10 plugins →

AIWF skills for the Vaadin/jOOQ stack - migrations, implementation, tests

8 skills · 1 agent

2

aiwf-core

claude

AIWF methodology core: requirements, entities, use cases, journeys and specification review

8 skills

2

AIWF skills for the Angular/JPA stack - migrations, implementation, tests

6 skills · 1 agent

2

AIWF skills for Electron, React and TypeScript agent desktop apps: typed IPC, agent adapters, chat UI, testing and packaging.

6 skills

2

AIWF skills for the C# / Blazor .NET 10 stack - migrations, implementation, tests

5 skills

2

AIWF skills for the NestJS/Drizzle + Next.js stack - migrations, implementation, tests

5 skills

2

Similar plugins

hyperframes

claudecodex

Recommended: all published HyperFrames skills in one versioned bundle. Create and render videos from HTML: the contract, film, captions, overlays, motion and look references, the CLI, the registry, media, Figma, slideshows and Remotion ports.

22 skills

heygen-com/hyperframes 83,516

figma

claude

Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.

18 skills · 1 MCP server

anthropics/claude-plugins-official 47,076

daisyUI Blueprint MCP server - (Needs paid license)

saadeghi/daisyui 42,821

Figma

claude

Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.

18 skills · 1 MCP server

anthropics/knowledge-work-plugins 35,601

Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).

2 skills · 14 commands

Manavarya09/design-extract 5,068

figma-maxxing

claudecodex

Agent skills for real Figma files: Plugin API gotchas, checks before and after every write, comments to verified fixes, handoff gate.

8 skills

davepoon/buildwithclaude 3,741

Maintain aiwf-design?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins10 plugins