Repository
flornkm/personal-site agent skills
- skills
- 14
- GitHub stars
- 151
GitHub description: “Florians personal site”
- Stars
- 151 (19 forks)
- Licence
- No licence
- Last push
- Oct 2026
- Created
- May 2022
- Homepage
- floriankiem.com
- portfolio
- website
- designer
- developer
- personal
- vite
Install all skills
npx skills add flornkm/personal-siteAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in flornkm/personal-site, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" →… | flornkm/ | 151 | 13 repos | ~3.2k | Automated safety check: Pass | No licence | today |
| 2 | Apple's approach to interface design and fluid, physical motion, translated for the web. | flornkm/ | 151 | 19 repos | ~5.6k | Automated safety check: Pass | No licence | today |
| 3 | ALWAYS ACTIVE. An agent skill from flornkm/personal-site. | flornkm/ | 151 | — | ~475 | Automated safety check: Notes | No licence | today |
| 4 | Keep JSX and component logic clean by minimizing inline ternaries, nested conditionals, and stringified conditional classes. | flornkm/ | 151 | — | ~988 | Automated safety check: Pass | No licence | today |
| 5 | How to build UI in this repo — compose classes with cn, use the CSS-variable design tokens (never raw hex/px), reuse the typographic and ui/ primitives, and define variants with cva like the… | flornkm/ | 151 | — | ~1.6k | Automated safety check: Pass | No licence | today |
| 6 | Enforce Tailwind container queries over viewport breakpoints for responsive components. | flornkm/ | 151 | — | ~1.1k | Automated safety check: Pass | No licence | today |
| 7 | Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. | flornkm/ | 151 | 12 repos | ~2k | Automated safety check: Warn | No licence | today |
| 8 | Avoid useEffect. An agent skill from flornkm/personal-site. | flornkm/ | 151 | — | ~1.2k | Automated safety check: Pass | No licence | today |
| 9 | Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. | flornkm/ | 151 | 14 repos | ~2k | Automated safety check: Pass | No licence | today |
| 10 | Replaces border-plus-shadow combinations on cards, dialogs and other elevated surfaces with the smooth-shadow-ring utilities from the Tailwind shadow-plugin. | flornkm/ | 151 | — | ~1.3k | Automated safety check: Pass | No licence | today |
| 11 | Create or update the small symbol icon shown for a writing/blog post on the /writing grid. | flornkm/ | 151 | — | ~2.1k | Automated safety check: Pass | No licence | today |
| 12 | Never write fluff comments. An agent skill from flornkm/personal-site. | flornkm/ | 151 | — | ~668 | Automated safety check: Pass | No licence | yesterday |
| 13 | Write code other humans can read, change, and trust. An agent skill from flornkm/personal-site. | flornkm/ | 151 | — | ~943 | Automated safety check: Pass | No licence | yesterday |
| 14 | 14.No Previews ALWAYS ACTIVE. An agent skill from flornkm/personal-site. | flornkm/ | 151 | — | ~436 | Automated safety check: Pass | No licence | yesterday |
Questions, answered from the data.
What is the best skill in flornkm/personal-site?
Animation Vocabulary from flornkm/personal-site ranks first of the 14 skills in flornkm/personal-site listed here, with the highest score: its repository has 151 GitHub stars, 13 other GitHub owners carry a copy, its SKILL.md loads about 3.2k tokens and it passes the automated safety check with no findings. Next come Apple Design and Central Icons.
Are the skills in flornkm/personal-site official?
None yet. All 14 skills in flornkm/personal-site listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from flornkm/personal-site?
Run npx skills add flornkm/personal-site in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.