New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Felix Build UI Component

by myICOR in myICOR/myPKA

Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed.

MITAuto-check passedFrontend & Design

Install Felix Build UI Component

skills CLI
$ npx skills add myICOR/myPKA --skill felix-build-ui-component -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install myICOR/myPKA felix-build-ui-component --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/myICOR/myPKA.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/felix-build-ui-component .claude/skills/felix-build-ui-component && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
felix-build-ui-component
GitHub stars
308
Token cost
~271 tokens
SKILL.md length
72 words
Files
1
Skills in repo
9
Repo updated
First seen
Licence
MIT

At a glance

Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed.

  • The user says: build me a component
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Build this component
  • I need a form in the UI

What it does

Felix Build UI Component is an agent skill from myICOR/myPKA. Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed. Use when the user says: "build me a component", "build this component", "I need a form in the UI", "extract this into a component", "fix this UI bug".

Its SKILL.md is about 270 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Frontend development and Design systems. The repository describes itself as: AI-powered Personal Knowledge Assistance in a folder. Built on the ICOR methodology. Plain markdown. Any LLM. Yours forever. The licence is MIT.

When your agent uses it

  • The user says: build me a component
  • Build this component
  • I need a form in the UI
  • Extract this into a component

Example prompts

  • “build me a component”
  • “build this component”
  • “I need a form in the UI”
  • “/felix-build-ui-component”

What it can do on your machine

Read from SKILL.md and the folder at commit 9b31da9. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Felix Build UI Component loads about 271 tokens when it runs. Until then it costs about 73 tokens; SKILL.md has 72 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~73
When it runs · the whole SKILL.md, loaded when a task matches
~271

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from myICOR/myPKA at commit 9b31da9, republished under its MIT licence (© myICOR). 72 words, ~271 tokens.

Download SKILL.mdSave it as .claude/skills/felix-build-ui-component/SKILL.md (or your agent's skills folder).
name
felix-build-ui-component
description
Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed. Use when the user says: "build me a component", "build this component", "I need a form in the UI", "extract this into a component", "fix this UI bug".
user-invocable
true
<!-- GENERATED by scaffold-init.py from `06 AI Team/AI Team Knowledge/SOPs/EP-SOP-2011-build-a-ui-component.md`. content-hash:3861ec865b38. Do not hand-edit: change the source and re-run the generator. -->

You are Felix. If you are the orchestrator, hand this to the specialist felix; if you are already Felix, act directly.

Read 06 AI Team/AI Team Knowledge/SOPs/EP-SOP-2011-build-a-ui-component.md now and follow it exactly. That file is the procedure; this file is the door.

Resources (open only when a step names them):

  • 06 AI Team/Agents/Felix/AGENT.md
  • 06 AI Team/AI Team Knowledge/SOPs/EP-SOP-2011-build-a-ui-component.md

Return the completion evidence the procedure's last step names, and nothing it does not.

© myICOR, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .claude/skills/felix-build-ui-component of myICOR/myPKA.

Open the folder on GitHubat commit 9b31da9

Compare with similar skills

Felix Build UI Component next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Felix Build UI Component compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Felix Build UI Component this skillmyICOR/myPKA308—~271Automated safety check: PassMIT
Design StyleCastor6/tactus3761 repos~2.1kAutomated safety check: PassApache-2.0
Avoid AI Designsunkaifei/FlyCms656—~3.5kAutomated safety check: PassMIT
Superdesignsuperdesigndev/superdesign-skill642—~4.1kAutomated safety check: PassMIT
UI Design Braincarmahhawwari/ui-design-brain893—~2.1kAutomated safety check: PassMIT
Frontend Design Routercode-yeongyu/oh-my-openagent70k—~5.3kAutomated safety check: PassCustom licence

Similar skills

  • Design Style

    Castor6/tactus

    A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

    376 GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed

  • Avoid AI Design

    sunkaifei/FlyCms

    Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

    656 GitHub stars~3.5k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

  • Superdesign

    superdesigndev/superdesign-skill

    Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models.

    642 GitHub stars~4.1k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed

  • UI Design Brain

    carmahhawwari/ui-design-brain

    Generate production-grade UI using real component patterns and best practices from 60+ documented interface components.

    893 GitHub stars~2.1k tokensUpdated 7 mo ago
    Frontend & DesignAuto-check passed

  • Frontend Design Router

    code-yeongyu/oh-my-openagent

    Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written.

    70k GitHub stars~5.3k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Project-Native Component Builder

    kostja94/bricks

    Builds new interface components inside an existing project, reusing its design system, stack and conventions instead of producing isolated demo UI.

    199 GitHub stars~965 tokensUpdated 15 days ago
    Frontend & DesignAuto-check passed

More from myICOR/myPKA

All 9 skills in this repo

  • Six Life Questions Snapshot

    myICOR/myPKA

    Answers the six everyday life questions (my goals, what to focus on, the weekly priorities, the highlight of today, my key elements, what has my attention)…

    308 GitHub stars~489 tokensUpdated 5 days ago
    Auto-check: notes

  • Session Checkpoint

    myICOR/myPKA

    Ends a session on purpose: reads the checkpoint report, closes or carries every task the session touched, rules on each WiP folder with the user, links the…

    308 GitHub stars~445 tokensUpdated 5 days ago
    Auto-check: notes

  • Skill Importer

    myICOR/myPKA

    Converts an external skill (a SKILL.md package, a prompt recipe, an agent toolkit found online or on disk) into the scaffold's own shapes: procedures become…

    308 GitHub stars~372 tokensUpdated 5 days ago
    Auto-check passed

  • Pixel Styled Image Generator

    myICOR/myPKA

    Make a still image in the user's own style from a brief and references, with three variants and a receipt, or write an image brief when no generator is…

    308 GitHub stars~284 tokensUpdated 5 days ago
    Auto-check passed

  • Red Tests

    myICOR/myPKA

    Feeds every guard in Scripts/ something it must reject and confirms it says no, then reports the count exactly as printed with the skips named; before a release the same suite runs against the…

    308 GitHub stars~495 tokensUpdated 5 days ago
    Auto-check: notes

  • Vera Quality Gate

    myICOR/myPKA

    Check a visual deliverable, a web UI or a UI code change before it ships, and return evidenced findings and a verdict.

    308 GitHub stars~266 tokensUpdated 5 days ago
    Auto-check passed

Categories

Questions about Felix Build UI Component

What does Felix Build UI Component do?

Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed. Felix Build UI Component is an agent skill from myICOR/myPKA. Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed.

When should I use Felix Build UI Component?

Felix Build UI Component fits situations like: the user says: build me a component; build this component; I need a form in the UI; extract this into a component.

How do I install Felix Build UI Component in Claude Code?

Run `npx skills add myICOR/myPKA --skill felix-build-ui-component -a claude-code`. Or copy the skill folder (.claude/skills/felix-build-ui-component in myICOR/myPKA) into .claude/skills/felix-build-ui-component in your project. Claude Code loads it when a task matches its description.

How do I install Felix Build UI Component in Codex?

Run `npx skills add myICOR/myPKA --skill felix-build-ui-component -a codex`. Or copy the skill folder (.claude/skills/felix-build-ui-component in myICOR/myPKA) into .agents/skills/felix-build-ui-component in your project. Codex loads it when a task matches its description.

Can I use Felix Build UI Component in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add myICOR/myPKA --skill felix-build-ui-component -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/felix-build-ui-component, .gemini/skills/felix-build-ui-component, .github/skills/felix-build-ui-component and .opencode/skills/felix-build-ui-component in your project.

What does Felix Build UI Component need to run?

SKILL.md names no scripts, command-line tools or credentials: Felix Build UI Component is instructions for the agent only.

Does Felix Build UI Component access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Felix Build UI Component safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Felix Build UI Component use?

Felix Build UI Component is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Felix Build UI Component use?

About 271 tokens (SKILL.md is roughly 1.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Felix Build UI Component?

Skills that share tags, products or a category with Felix Build UI Component: Design Style (Castor6/tactus, 376 stars), Avoid AI Design (sunkaifei/FlyCms, 656 stars), Superdesign (superdesigndev/superdesign-skill, 642 stars) and UI Design Brain (carmahhawwari/ui-design-brain, 893 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Felix Build UI Component?

myICOR (a GitHub organization) maintains it in myICOR/myPKA, which has 308 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 5, 2026.

Source: myICOR/myPKA on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.