Menu
Plan, build, and audit shadcn-inspired Iced components: architecture, family decomposition, and parity audits.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | iced-shadcn |
| description | Plan, build, and audit shadcn-inspired Iced components: architecture, family decomposition, and parity audits. |
| license | MIT |
| dependencies | {"required":["iced-rs"]} |
| metadata | {"author":"vanillagreen","source":"vstack","repository":"https://github.com/vanillagreencom/vstack","bugs":"https://github.com/vanillagreencom/vstack/issues","version":"1.0.0"} |
Component design skill for building shadcn Base UI-inspired components in Iced. Covers architecture decisions, family decomposition, implementation methodology, and parity audits.
| Library | ctx7 ID | Use For |
|---|---|---|
| Iced | /websites/rs_iced_iced | Widget API, overlay system, advanced traits |
| Source | URL | Use For |
|---|---|---|
| shadcn Base UI | https://ui.shadcn.com/docs/components/base/ | Component behavior truth |
| iced-shadcn crate | https://github.com/FerrisMind/shadcn-rs/tree/master/crates/iced-shadcn | Architecture patterns |
| Workflow | When to use |
|---|---|
| component-plan | Planning new components, family decomposition, architecture decisions, implementation |
| parity-audit | Post-implementation audit of leaf components against Base UI reference before closure |
references/families.mdreferences/issue-structure.mdreferences/checklist.mdreferences/page-template.mdreferences/issue-guidance.mdhttps://ui.shadcn.com/docs/components/base/) — behavior truth, example coverage, interaction contracts/websites/rs_iced_iced) — framework constraints, iced::advanced widget/overlay API. Consult the iced-rs skill's widget catalog before choosing built-in vs custom Widget impl.From iced-shadcn (43k lines, 80+ components):
positioning.rs, keyboard.rs, focus.rs for clean separationdropdown_menu and context_menuProps struct only; complex ones add State + custom Widget imploverlay → popover → combobox/hover_card/tooltip/navigation_menu; menu_primitives → dropdown_menu/context_menuDo not copy: their theme/token system (use your project's tokens), their import structure, their lucide-icons dependency. Borrow architecture and algorithms only.
iced-shadcn a production dependency — reference crate is for study onlyfind-docs / ctx7 before coding advanced Iced behavior (overlays, custom widgets, keyboard handling)Widget/overlay::Overlay — prefer Iced built-ins per the Built-in First principleStrict review and QA workflows: shared reviewer ethos, scope boundaries, code-review classification, finding JSON schema, and QA-label review lifecycle. Load this skill when reviewing a diff, classifying findings, returning a verdict, or handling a QA-label-triggered review.
GitHub API CLI for PR operations: threads, comments, reviews, CI logs, merging, and cross-PR analysis.
PRIMARY AGENT ONLY — single work-item orchestration for Linear or GitHub issues: prepare, delegate implementation, review, submit, merge, and handoff.
TPM-orchestrated planning, audit, roadmap, and research-driven decomposition. Owns the user-facing wrappers (cycle-plan, audit-issues, roadmap-*, research-*) and the underlying TPM execution workflows.
Git worktree management: create, list, remove isolated working copies with env/config symlinks.
Cross-model second opinion: review, challenge, audit, and consult via an external AI CLI (Claude ↔ Codex).