skills.rest
ryanportfolio
ryanportfolioCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

forge-repo-ui-skill

Synthesizes repository-specific UI design skills from existing agent skill definitions.

Updated Aug 30, 2026
Search Tags:#agent skills#repository#design workflow#ui design#skill synthesis#codex adapter
One-click install
npx skills add https://github.com/ryanportfolio/threejs-interview-test --skill forge-repo-ui-skill-ryanportfolio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: forge-repo-ui-skill
Source: https://github.com/ryanportfolio/threejs-interview-test/tree/main/.agents/skills/forge-repo-ui-skill
Command: npx skills add https://github.com/ryanportfolio/threejs-interview-test --skill forge-repo-ui-skill-ryanportfolio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Teams often need UI and design guidance tailored to a specific repository's conventions, but generic design skills ignore project context. This Skill generates a repository-specific UI or design skill derived from the agent skills already present in the codebase. ## Core Features & Use Cases - Repository-Aware Skill Synthesis: Reads the current agent skills and produces a UI/design skill aligned with the repo's conventions. - Canonical Workflow Delegation: Acts as a Codex adapter that resolves the canonical skill definition under .claude/skills/forge-repo-ui-skill/ and follows it as the source of truth. - Tool Translation: Translates Claude Code tool names to Codex equivalents and checks multi-agent tool availability before review steps. - Use Case: A developer wants a design-review skill customized to their component library; invoking this skill synthesizes one from the repo's existing agent skills rather than writing it from scratch. ## Quick Start Ask the agent to forge a repository-specific UI design skill from the current agent skills in this project.

Frequently Asked Questions about forge-repo-ui-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a repository-specific UI design skill?▼

Invoke this skill and it reads the agent skills already present in the repository, then synthesizes a UI or design skill aligned with those conventions. It delegates to the canonical workflow defined under .claude/skills/forge-repo-ui-skill/.

When should I use this skill instead of writing UI code directly?▼

Use it when you want a reusable, repo-tailored design skill synthesized from existing agent skills. It is not intended for ordinary UI implementation tasks or backend-only work, which should be handled directly.

Does this skill work with Codex as well as Claude Code?▼

Yes. The SKILL.md acts as a Codex adapter that translates Claude Code tool names to Codex equivalents and applies the compatibility notes in .agents/CODEX-SKILL-COMPATIBILITY.md before running the canonical workflow.

Can this skill commit or push changes on its own?▼

No. The skill explicitly states that invocation alone does not authorize commits, pushes, pull requests, deploys, or dependency installation unless the user explicitly requests that action.

What are the limitations of this skill?▼

It depends on a canonical skill definition existing under .claude/skills/forge-repo-ui-skill/ and requires multi-agent tools for independent review steps. Without those, the workflow cannot fully execute.

Related Skills

Explore More Design & Creative Skills→
intent-solutions-iointent-solutions-io

warning-example

{content} {content} {content} {content} {content} {content} {content} {content} {content}

Official
Basic
TheeCoderAhmedTheeCoderAhmed

designing-ui

Generate unique UI designs by synthesizing component libraries with design movements.

Community
Advanced
xrplevmxrplevm
1

web-design-guidelines

Validate UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
berlinguyincaberlinguyinca
3

autospec-design

Select a vendor design system and write a repo-root DESIGN.md.

Community
Intermediate