Apply community code styles from shadcn, sindresorhus, or ahmadawais. Use when the user names those styles or wants a community pattern applied to code. It does not design plugins (that's `plugin-craft`).
62
73%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Low
Low-risk findings worth noting
Fix and improve this skill with Tessl
tessl review fix ./plugins/tooling/skills/code-style-patterns/SKILL.mdApply real coding styles and conventions from well-known open source developers instead of generic advice. Start with shadcn (author of shadcn/ui), sindresorhus (type-fest, ky, awesome lists), ahmadawais (CLI tools, WordPress workflows), and expand over time.
State the developer/style you want to follow (e.g. "shadcn style for my Next.js component", "sindresorhus style for this utility", or "ahmadawais CLI patterns") or describe the task + target style.
For detailed patterns, repo maps, tech stack clues, and usage instructions for a specific developer, load the matching reference file.
| Mode | What you get | Load |
|---|---|---|
| shadcn | Full guide to shadcn's coding patterns, UI taste, Next.js/app-router conventions, component design, tooling, and repo examples. Includes "when to inspect repos" checklist and responsible application guidance. | references/shadcn.md |
| sindresorhus | Full guide to sindresorhus's style: tiny elegant utilities, TypeScript types, HTTP clients, awesome lists curation, macOS Swift tools, minimalism, and strong documentation hygiene. | references/sindresorhus.md |
| ahmadawais | Full guide to ahmadawais's style: developer tooling CLIs, scaffolds, zero-config workflows, terminal UX with chalk/ora/boxen, WordPress/Gutenberg tools, VS Code themes, and polished CLI experiences. | references/ahmadawais.md |
| By developer | Patterns attributed to a specific popular GitHub user (add more via new references) | references/<developer>.md |
| By domain | React, testing, API design, state management, UI systems, utilities, types, CLI tooling, WordPress, etc. | Relevant reference(s) |
| Apply to my code | Take current code and refactor/adapt toward the target style | Load target reference + current code |
| Author / curate | Help structure or improve a new style pattern for inclusion in the kit | Discuss + propose reference addition |
Always load
references/shadcn.mdwhen the user asks for shadcn's style, shadcn/ui patterns, or when the task involves component libraries, Next.js app router + server components, Radix + Tailwind, accessible UI, or monorepo + registry tooling that matches their ecosystem.
Key principles from the reference (internalize these):
Follow the "How To Use This Style" section in the reference when applying:
Always load
references/sindresorhus.mdwhen the user asks for sindresorhus's style, Sindre Sorhus patterns, tiny utilities, type definitions, HTTP clients, awesome lists, or macOS Swift tools.
Key principles from the reference (internalize these):
Follow the "How To Use This Style" section in the reference when applying:
Always load
references/ahmadawais.mdwhen the user asks for ahmadawais's style, Ahmad Awais patterns, or when the task involves CLI tools, Node.js scaffolds, WordPress/Gutenberg workflows, terminal UIs, VS Code themes, or developer tooling with strong branding and documentation.
Key principles from the reference (internalize these):
bin targets in package.json and simple root files.Follow the "How To Use This Style" section in the reference when applying:
To add patterns from another popular GitHub developer:
references/<developer-kebab>.md following the existing structure (what they build, coding patterns, product taste, tech stack, repo map, how to use).ask-saif (separate change).At the end of every session, ask: "Did this solve what you were trying to do?"
df60de1
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.