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

Any Tdf Development

by any-tdf in any-tdf/any-tdf

Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill…

MITAuto-check passedDevelopment

Install Any Tdf Development

skills CLI
$ npx skills add any-tdf/any-tdf --skill any-tdf-development -a claude-code

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

GitHub CLI
$ gh skill install any-tdf/any-tdf any-tdf-development --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/any-tdf/any-tdf.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/any-tdf-development .claude/skills/any-tdf-development && 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
any-tdf-development
GitHub stars
779
Token cost
~1.1k tokens
SKILL.md length
517 words
Files
4 (incl. references)
Skills in repo
5
Repo updated
First seen
Licence
MIT

At a glance

Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill…

  • Works in 5 steps: Work from the repository root and use… → Run git status --short before editing… → Locate the nearest implementation, test,… → …
  • Any development task inside this repository
  • SKILL.md covers Start Every Task, Respect Ownership Boundaries, Edit Sources, Then Regenerate and Implement in Small Slices, plus 2 more sections
  • Calls git, bun and rg

What it does

Any Tdf Development is an agent skill from any-tdf/any-tdf. Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill bundles, and the VS Code extension. Use for any development task inside this repository, especially cross-framework parity changes, generated files, package boundaries, or choosing efficient verification commands. Trigger explicitly with $any-tdf-development.

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `agents/openai.yaml`, `references/repository-map.md` and `references/validation.md`).

It sits in Development, covering Monorepo tooling. It works with React, Svelte, Vue.js and Visual Studio Code. The repository describes itself as: Mobile web component library based on Svelte/React/Vue and Tailwind. The licence is MIT.

When your agent uses it

  • Any development task inside this repository
  • Especially cross-framework parity changes
  • Generated files
  • Package boundaries

Example prompts

  • “/any-tdf-development”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Work from the repository root and use bun for package and script commands.
  2. Run git status --short before editing and preserve unrelated user changes.
  3. Locate the nearest implementation, test, Demo, documentation, and package manifest with rg or rg --files.
  4. Read references/repository-map.md when a change crosses workspaces or touches generated content.
  5. Read references/validation.md before choosing verification commands.

What it can do on your machine

Read from SKILL.md and the folder at commit 6ba1fbc. 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

    Shell commands in SKILL.md call:

    • git
    • bun
    • rg

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

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    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

Any Tdf Development loads about 1.1k tokens when it runs, and up to ~3.4k if it reads all its reference files. Until then it costs about 119 tokens; SKILL.md has 517 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~119
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3.4k

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 any-tdf/any-tdf at commit 6ba1fbc, republished under its MIT licence (© any-tdf). 517 words, ~1,117 tokens.

Download SKILL.mdSave it as .claude/skills/any-tdf-development/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
any-tdf-development
description
Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill bundles, and the VS Code extension. Use for any development task inside this repository, especially cross-framework parity changes, generated files, package boundaries, or choosing efficient verification commands. Trigger explicitly with $any-tdf-development.

Any TDF Development

Apply repository-specific ownership, generation, and validation rules without repeatedly rediscovering the monorepo.

Start Every Task

  1. Work from the repository root and use bun for package and script commands.
  2. Run git status --short before editing and preserve unrelated user changes.
  3. Locate the nearest implementation, test, Demo, documentation, and package manifest with rg or rg --files.
  4. Read references/repository-map.md when a change crosses workspaces or touches generated content.
  5. Read references/validation.md before choosing verification commands.

Respect Ownership Boundaries

  • Put framework-neutral state derivation, pure helpers, themes, locales, shared SVG data, and public shared types in packages/common.
  • Keep DOM access, lifecycle, events, bindings, slots, children, hooks, and framework rendering inside packages/stdf, packages/rtdf, or packages/vtdf.
  • Inspect the matching STDF, RTDF, and VTDF implementations before changing shared component behavior. Preserve framework-native APIs while keeping public capability and behavior aligned.
  • Update the matching Demo, documentation, parity checks, SSR checks, and interaction tests when observable component behavior changes.
  • Keep Tailwind CSS v4 values in public CSS variables or shared CSS. Do not introduce arbitrary size or color classes.
  • Prefer arrow functions and async/await. Do not add defensive fallbacks for fields whose API contract already defines them.
  • Keep Chinese text valid UTF-8, use Chinese punctuation in Chinese sentences, and place one space between Chinese and English words or numbers.

Edit Sources, Then Regenerate

  • Never edit a file marked @generated or Do not edit directly.
  • Edit component documentation under apps/site-common/docs/component-docs, then generate content/{stdf,rtdf,vtdf}/components.
  • Generate the VTDF Demo route manifest with bun run scripts/generate-vtdf.mjs.
  • Synchronize package-version fallbacks with bun run sync:versions; never hand-edit generated version files.
  • Build @any-tdf/site-common before regenerating VS Code menu data.
  • Regenerate framework AI skill component references and theme data with their package-local scripts when their source data changes.
  • Inspect generated diffs before keeping them. Do not mix unrelated generated churn into the task.
Show full SKILL.md (215 more words)Show less

Implement in Small Slices

  1. Identify the owning source and its nearest tests.
  2. Search for an existing equivalent before introducing a new pattern.
  3. Implement the smallest coherent change in the owning layer.
  4. Propagate only the required framework, Demo, site, documentation, and generated updates.
  5. Run narrow validation first, then expand only when the dependency surface or risk requires it.
  6. Review git diff and git status --short before reporting completion.

Handle Public Package Changes

  • Add a Changeset for a stable publishable package behavior, API, dependency, or package-content change unless the user explicitly excludes release metadata.
  • For packages currently released under the alpha tag, increment only the prerelease counter directly and do not add them to Changesets. Run bun run sync:versions after changing @any-tdf/common and refresh the lockfile through Bun.
  • Write Changeset summaries in English and select packages by actual ownership. Use @any-tdf/common for shared behavior and a framework package only for framework-specific rendering or APIs.
  • Keep fixed version groups aligned. Do not edit bun.lock manually.
  • Do not publish, release, deploy, or push unless the user explicitly requests that external action.

Report Clearly

  • State which ownership layer changed and whether parity work was required.
  • List generated outputs separately from hand-edited sources.
  • Report only commands that actually ran, including failures or skipped high-cost checks.

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

Files

SKILL.md and 3 other files (references) in .agents/skills/any-tdf-development of any-tdf/any-tdf.

  • SKILL.md
  • agents/openai.yaml
  • references/repository-map.md
  • references/validation.md

Open the folder on GitHubat commit 6ba1fbc

Compare with similar skills

Any Tdf Development 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.

Any Tdf Development compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Any Tdf Development this skillany-tdf/any-tdf779—~1.1kAutomated safety check: PassMIT
Kill AI Slopyetone/kill-ai-slop1.3k—~1.4kAutomated safety check: PassApache-2.0
UI/UX Design System AdvisorGalaxy-Dawn/claude-scholar5.7k1 repos~1.1kAutomated safety check: PassMIT
Design StyleCastor6/tactus3761 repos~2.1kAutomated safety check: PassApache-2.0
UI UX Pro Maxsundial-org/awesome-openclaw-skills6632 repos~657Automated safety check: PassNone
GlideSrivarsanK/Glide125—~1.7kAutomated safety check: PassApache-2.0

Similar skills

  • Kill AI Slop

    yetone/kill-ai-slop

    Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

    1.3k GitHub stars~1.4k tokensUpdated 24 days ago
    Frontend & DesignAuto-check passed

  • UI/UX Design System Advisor

    Galaxy-Dawn/claude-scholar

    Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

    5.7k GitHub starsUsed in 1 repo~1.1k tokens
    Frontend & DesignAuto-check passed

  • 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

  • UI UX Pro Max

    sundial-org/awesome-openclaw-skills

    UI/UX design intelligence and implementation guidance for building polished interfaces.

    663 GitHub starsUsed in 2 repos~657 tokens
    Frontend & DesignAuto-check passed

  • Glide

    SrivarsanK/Glide

    Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

    125 GitHub stars~1.7k tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed

  • Tailwind CSS Patterns

    ever-works/ever-works

    Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

    162 GitHub starsUsed in 3 repos~1.6k tokens
    Frontend & DesignAuto-check: notes

More from any-tdf/any-tdf

  • Rtdf

    any-tdf/any-tdf

    Build, review, and troubleshoot RTDF React applications using exact component APIs, themes, icons, localization, and scaffolding.

    779 GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

  • Stdf

    any-tdf/any-tdf

    Build, review, and troubleshoot STDF Svelte 5 applications using exact component APIs, themes, icons, localization, and scaffolding.

    779 GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

  • Vtdf

    any-tdf/any-tdf

    Build, review, and troubleshoot VTDF Vue 3 applications using exact component APIs, themes, icons, localization, and scaffolding.

    779 GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

  • Auto Commit

    any-tdf/any-tdf

    Inspect, plan, split, stage, commit, and optionally push local changes in the Any TDF repository using concise English Conventional Commit messages.

    779 GitHub stars~681 tokensUpdated yesterday
    Auto-check passed

Works with

Categories

Questions about Any Tdf Development

What does Any Tdf Development do?

Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill…. Any Tdf Development is an agent skill from any-tdf/any-tdf. Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill bundles, and the VS Code extension.

When should I use Any Tdf Development?

Any Tdf Development fits situations like: any development task inside this repository; especially cross-framework parity changes; generated files; package boundaries.

How do I install Any Tdf Development in Claude Code?

Run `npx skills add any-tdf/any-tdf --skill any-tdf-development -a claude-code`. Or copy the skill folder (.agents/skills/any-tdf-development in any-tdf/any-tdf) into .claude/skills/any-tdf-development in your project. Claude Code loads it when a task matches its description.

How do I install Any Tdf Development in Codex?

Run `npx skills add any-tdf/any-tdf --skill any-tdf-development -a codex`. Or copy the skill folder (.agents/skills/any-tdf-development in any-tdf/any-tdf) into .agents/skills/any-tdf-development in your project. Codex loads it when a task matches its description.

Can I use Any Tdf Development 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 any-tdf/any-tdf --skill any-tdf-development -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/any-tdf-development, .gemini/skills/any-tdf-development, .github/skills/any-tdf-development and .opencode/skills/any-tdf-development in your project.

What does Any Tdf Development need to run?

Going by SKILL.md and its folder, Any Tdf Development needs the command-line tools its instructions call (git, bun and rg).

Does Any Tdf Development access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Any Tdf Development 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 Any Tdf Development use?

Any Tdf Development 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 Any Tdf Development use?

About 1.1k tokens (SKILL.md is roughly 4.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.3k tokens, read only when the agent opens those files.

What are the alternatives to Any Tdf Development?

Skills that share tags, products or a category with Any Tdf Development: Kill AI Slop (yetone/kill-ai-slop, 1.3k stars), UI/UX Design System Advisor (Galaxy-Dawn/claude-scholar, 5.7k stars), Design Style (Castor6/tactus, 376 stars) and UI UX Pro Max (sundial-org/awesome-openclaw-skills, 663 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Any Tdf Development?

any-tdf (a GitHub organization) maintains it in any-tdf/any-tdf, which has 779 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on October 8, 2026.

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